The Beginner’s Guide – Title Tags And Meta Descriptions

title tag

Improve the click-through rates and the SEO of your website with optimized title tags and meta descriptions.

Title tags and meta descriptions are important elements of your website’s content. The title tag and the meta description tags should include keywords relevant to the content of the web page they describe. This helps Search Engines understand what the page is about and index your web pages accordingly for relevant keywords or keyword phrases. Learn more about title tags and meta descriptions.

What is a title tag?

The tag defines the title of the document. The title element is required in all HTML/XHTML documents and is one of the key on-page SEO elements. It is a “meta” element, meaning that it gives information about the HTML/XHTML file, but does not appear on the page to users. However, this doesn’t mean it’s not seen by users; the title tag appears on the results pages just above the URL (see below) and also appears at the top of a browser. <a href="https://moz.com/">Moz.com</a>, the largest SEO community in the world believes that it is the single most important on-page SEO element (behind overall content).</p> <p style="text-align: justify;">Titles give users a quick insight into the content of the web page and how it might be relevant to their query. It is often the primary piece of information with the meta description (see below) that is used by potential visitors to decide which search result to click on, so it’s important to use high-quality and meaningful titles when you optimize your web pages. Here are the best practice guidelines for writing title tags:</p> <p style="text-align: justify;">Title tags generally should be less than <strong>68 characters</strong> long so the whole tag fits on results pages when it is displayed and people can read it at a quick glance.<br /> Every title tag on your website should be made unique with distinct, descriptive titles for every page on your site. The HTML suggestions page in Google Webmaster Tools lists missing or potentially problematic title tags.<br /> Use keywords in title tags and place important keywords close to the front of the title tag. Search Engines will “bold” (or highlight) those terms in the search results when a user has performed a query with those terms.</p> <p style="text-align: justify;">Avoid keyword spamming. There is no reason to have the same words or phrases appear multiple times. Also, try to have a theme for each page so you’re not recycling the same keywords in multiple title tags (this runs the risk of cannibalization of search results – Google can be unsure of the best page to rank).<br /> Google recommends titles include your brand so include your site name at the beginning or end of each page title, separated from the rest of the title with a delimiter such as a hyphen, colon, or pipe.</p> <h4 style="text-align: justify;">What is a meta description tag?</h4> <p style="text-align: justify;">Matt Cutts, Google’s former head of Webspam, announced in 2009 that neither meta descriptions nor meta keywords factor into Google’s ranking algorithms for web search (Is it really so?). However, he stresses that it is still important to write a meta description as Google will sometimes use the summary in search results snippets (located below the URL) if the Search Engine believes it is an accurate synopsis of the page.</p> <p style="text-align: justify;">Accurate meta descriptions can also help improve your click-through rates along with relevant title tags. Here are the best practice guidelines for writing meta descriptions.</p> <p style="text-align: justify;">Meta description tags generally should be approximately <strong>145-168 characters</strong> long so the whole tag fits on Search Engine Results Pages when it is displayed and people can read it at a quick glance.<br /> Ideally, every page on your site should have a unique meta description. Google suggests using site-level descriptions on the main home page or other aggregation pages, and use page-level descriptions everywhere else.<br /> For a large site, creating unique meta descriptions may be time-consuming. Google suggests that at the least, create a summary of the critical URLs like your home page and popular pages. The HTML suggestions page in Webmaster Tools lists pages where Google has detected missing or problematic meta descriptions.<br /> The meta description tag should ideally target a unique keyword for each web page but again avoid keyword spamming and have the keyword only appear once.<br /> Descriptions are like a short sales pitch or summary for the page. Write keyword-rich descriptions that engage visitors and entice them to click-through to your website.<br /> The meta description does not have to be a full sentence. It can include important facts relevant to potential visitors. For example, articles can list the author, date of publication, or byline information – just keep it within the character limit.</p> <h2 style="text-align: justify;"><span style="font-size: 14pt;">Writing title tags and meta descriptions for click-through optimization</span></h2> <p style="text-align: justify;">When tackling title tags and meta descriptions, the end-user is always the most important factor – not the search engine. Including keywords in your titles and descriptions is important, but SEO can take their titles and descriptions to the next level by considering these tags in the context of motivating a user to click, similar to a PPC ad. Here are a few quick tips on improving click-through rates with title tags and meta descriptions.</p> <div class='sfsi_responsive_icons' style='display:inline-block;margin-top:10px; margin-bottom: 10px; width:100%;display:flex; ' data-icon-width-type='Fully responsive' data-icon-width-size='240' data-edge-type='Round' data-edge-radius='5' > <div class='sfsi_icons_container sfsi_responsive_without_counter_icons sfsi_medium_button_container sfsi_icons_container_box_fully_container ' style='width:100%;display:flex; ; text-align:center;' > <a target='_blank' href='https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fhermodesign.com%2Fthe-beginners-guide-title-tags-and-meta-descriptions%2F' style='display:block;text-align:center;margin-left:10px; flex-basis:100%;' class=sfsi_responsive_fluid > <div class='sfsi_responsive_icon_item_container sfsi_responsive_icon_facebook_container sfsi_medium_button sfsi_responsive_icon_gradient sfsi_centered_icon' style=' border-radius:5px; width:100%; ' > <img style='max-height: 25px;display:unset;margin:0' class='sfsi_wicon' alt='facebook' src='https://hermodesign.com/wp-content/plugins/ultimate-social-media-icons/images/responsive-icon/facebook.svg'> <span style='color:#fff' >Share on Facebook</span> </div> </a> <a target='_blank' href='https://twitter.com/intent/tweet?text=Hey%2C+check+out+this+cool+site+I+found%3A+www.yourname.com+%23Topic+via%40my_twitter_name&url=https%3A%2F%2Fhermodesign.com%2Fthe-beginners-guide-title-tags-and-meta-descriptions%2F' style='display:block;text-align:center;margin-left:10px; flex-basis:100%;' class=sfsi_responsive_fluid > <div class='sfsi_responsive_icon_item_container sfsi_responsive_icon_twitter_container sfsi_medium_button sfsi_responsive_icon_gradient sfsi_centered_icon' style=' border-radius:5px; width:100%; ' > <img style='max-height: 25px;display:unset;margin:0' class='sfsi_wicon' alt='Twitter' src='https://hermodesign.com/wp-content/plugins/ultimate-social-media-icons/images/responsive-icon/Twitter.svg'> <span style='color:#fff' >Tweet</span> </div> </a> <a target='_blank' href='https://www.specificfeeds.com/widgets/emailSubscribeEncFeed/QmtRNENkZkNEclVhUmNvRWI3YmxCR0RIcjFSbGxVN1NlckE2ZDVTdXBpanB5cnRqVFk3UTNGZ2dkY3diK09mdkR1cC9VaGRrR0FMRFluSGRZc0tyTWI2ZVdiT3VydDRSUno4WDh0ekdEUkxpRWNmNDYycWx6dmgxQlJ1b3pZdDR8VmFGK3R0V3hlM1pPR0pNeUhDZ3crOTVFdTEwWVdJdkltbXRwcjJUUmwyND0=/OA==/' style='display:none;text-align:center;margin-left:10px; flex-basis:100%;' class=sfsi_responsive_fluid > <div class='sfsi_responsive_icon_item_container sfsi_responsive_icon_follow_container sfsi_medium_button sfsi_responsive_icon_gradient sfsi_centered_icon' style=' border-radius:5px; width:100%; ' > <img style='max-height: 25px;display:unset;margin:0' class='sfsi_wicon' alt='Follow' src='https://hermodesign.com/wp-content/plugins/ultimate-social-media-icons/images/responsive-icon/Follow.png'> <span style='color:#fff' >Follow us</span> </div> </a> <a target='_blank' href='' style='display:none;text-align:center;margin-left:10px; flex-basis:100%;' class=sfsi_responsive_fluid > <div class='sfsi_responsive_icon_item_container sfsi_responsive_custom_icon sfsi_responsive_icon_0_container sfsi_medium_button sfsi_centered_icon sfsi_responsive_icon_gradient' style=' border-radius:5px; width:100%; background-color:#729fcf' > <img style='max-height: 25px' alt='custom' src=''> <span style='color:#fff' >Share</span> </div> </a> <a target='_blank' href='' style='display:none;text-align:center;margin-left:10px; flex-basis:100%;' class=sfsi_responsive_fluid > <div class='sfsi_responsive_icon_item_container sfsi_responsive_custom_icon sfsi_responsive_icon_1_container sfsi_medium_button sfsi_centered_icon sfsi_responsive_icon_gradient' style=' border-radius:5px; width:100%; background-color:#729fcf' > <img style='max-height: 25px' alt='custom' src=''> <span style='color:#fff' >Share</span> </div> </a> <a target='_blank' href='' style='display:none;text-align:center;margin-left:10px; flex-basis:100%;' class=sfsi_responsive_fluid > <div class='sfsi_responsive_icon_item_container sfsi_responsive_custom_icon sfsi_responsive_icon_2_container sfsi_medium_button sfsi_centered_icon sfsi_responsive_icon_gradient' style=' border-radius:5px; width:100%; background-color:#729fcf' > <img style='max-height: 25px' alt='custom' src=''> <span style='color:#fff' >Share</span> </div> </a> <a target='_blank' href='' style='display:none;text-align:center;margin-left:10px; flex-basis:100%;' class=sfsi_responsive_fluid > <div class='sfsi_responsive_icon_item_container sfsi_responsive_custom_icon sfsi_responsive_icon_3_container sfsi_medium_button sfsi_centered_icon sfsi_responsive_icon_gradient' style=' border-radius:5px; width:100%; background-color:#729fcf' > <img style='max-height: 25px' alt='custom' src=''> <span style='color:#fff' >Share</span> </div> </a> <a target='_blank' href='' style='display:none;text-align:center;margin-left:10px; flex-basis:100%;' class=sfsi_responsive_fluid > <div class='sfsi_responsive_icon_item_container sfsi_responsive_custom_icon sfsi_responsive_icon_4_container sfsi_medium_button sfsi_centered_icon sfsi_responsive_icon_gradient' style=' border-radius:5px; width:100%; background-color:#729fcf' > <img style='max-height: 25px' alt='custom' src=''> <span style='color:#fff' >Share</span> </div> </a> </div></div><!--end responsive_icons--> <div class="clearfix"></div> </div><!-- .entry-content --> </div><!-- .entry-main --> </article><!-- #post-## --> <!-- post-navigation --> <div class="navigation post-navigation"> <div class="nav-links"> <div class="nav-previous"> <a rel="prev" href="https://hermodesign.com/google-webmaster-guidelines/" title="Google Webmaster Guidelines"><strong>Google Webmaster Guidelines</strong> Older Post</a> </div> <div class="nav-next"> <a rel="next" href="https://hermodesign.com/how-many-are-important-h1-tag-for-good-seo/" title="How many are important H1 tag for good SEO?"><strong>How many are important H1 tag for good SEO?</strong> Newer Post</a> </div> </div> </div> <!-- post-navigation --> <!-- comments-area --> <!-- comments-area --> </div> <!-- blog_single --> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <aside id="secondary" class="widget-area"> <section id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://hermodesign.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></section><section id="categories-3" class="widget widget_categories"><h2 class="widget-title">Categories</h2> <ul> <li class="cat-item cat-item-17"><a href="https://hermodesign.com/digital-marketing/" title="Digital Marketing - Tips and Tricks Digital marketing is a field of marketing that deals with branding and increasing the visibility and presence of a company on the Internet.">Digital Marketing</a> (3) </li> <li class="cat-item cat-item-18"><a href="https://hermodesign.com/seo-tip-and-tricks/" title="What Is SEO? A Comprehensive Guide for Beginners SEO Tips: If you are an owner of a website, you probably at least once “googled” how to improve your website’s status, traffic, rank etc. and every time you read articles about it the answer is the same, Search Engine Optimization (SEO).">SEO Tips</a> (15) </li> </ul> </section><section id="radiantthemes_recent_posts_widget-1" class="widget widget_radiantthemes_recent_posts_widget"> <div class="rt-recent-post-with-thumbnail element-one"> <h2 class="widget-title">Recent Posts</h2> <ul class="rt-recent-post-with-thumbnail-holder"> <li class="rt-recent-post-with-thumbnail-post"> <a href="https://hermodesign.com/how-to-maximize-your-earnings-with-affiliate-advertising/"><h4 class="title">How to Maximize Your Earnings with Affiliate Advertising</h4></a> <p class="excerpt">How to Maximize Your Earnings with Affiliate Advertising: Now that we’ve laid...</p> </li> <li class="rt-recent-post-with-thumbnail-post"> <a href="https://hermodesign.com/alt-tag-and-how-does-this-affect-seo/"><img width="150" height="150" src="https://hermodesign.com/wp-content/uploads/2020/08/Anatomy-of-Image-Alt-Tags-150x150.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="ALT tag" loading="lazy" /></a> <a href="https://hermodesign.com/alt-tag-and-how-does-this-affect-seo/"><h4 class="title">Alt tag and how does this affect SEO</h4></a> <p class="excerpt">What is an alt tag and how does it affect SEO? Definition:...</p> </li> <li class="rt-recent-post-with-thumbnail-post"> <a href="https://hermodesign.com/digital-marketing-guide/"><img width="150" height="150" src="https://hermodesign.com/wp-content/uploads/2020/08/Digital-Marketing-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="digital marketing" loading="lazy" /></a> <a href="https://hermodesign.com/digital-marketing-guide/"><h4 class="title">The ultimate digital marketing guide – all in one place</h4></a> <p class="excerpt">Digital marketing guide is the most important part of the knowledge of...</p> </li> </ul> </div> </section><section id="recent-comments-2" class="widget widget_recent_comments"><h2 class="widget-title">Recent Comments</h2><ul id="recentcomments"></ul></section><section id="archives-2" class="widget widget_archive"><h2 class="widget-title">Archives</h2> <ul> <li><a href='https://hermodesign.com/2021/10/'>October 2021</a></li> <li><a href='https://hermodesign.com/2020/08/'>August 2020</a></li> <li><a href='https://hermodesign.com/2020/06/'>June 2020</a></li> <li><a href='https://hermodesign.com/2020/05/'>May 2020</a></li> <li><a href='https://hermodesign.com/2020/02/'>February 2020</a></li> <li><a href='https://hermodesign.com/2019/11/'>November 2019</a></li> <li><a href='https://hermodesign.com/2019/06/'>June 2019</a></li> <li><a href='https://hermodesign.com/2017/11/'>November 2017</a></li> <li><a href='https://hermodesign.com/2017/10/'>October 2017</a></li> <li><a href='https://hermodesign.com/2016/11/'>November 2016</a></li> <li><a href='https://hermodesign.com/2016/10/'>October 2016</a></li> <li><a href='https://hermodesign.com/2016/08/'>August 2016</a></li> </ul> </section></aside><!-- #secondary --> </div> </div> <!-- row --> </div> </section> <!-- wraper_blog_main --> </main><!-- #main --> </div><!-- #primary --> <script nitro-exclude> var heartbeatData = new FormData(); heartbeatData.append('nitroHeartbeat', '1'); fetch(location.href, {method: 'POST', body: heartbeatData, credentials: 'omit'}); </script> <script nitro-exclude> document.cookie = 'nitroCachedPage=' + (!window.NITROPACK_STATE ? '0' : '1') + '; path=/'; </script> <script nitro-exclude> if (!window.NITROPACK_STATE || window.NITROPACK_STATE != 'FRESH') { var proxyPurgeOnly = 0; if (typeof navigator.sendBeacon !== 'undefined') { var nitroData = new FormData(); nitroData.append('nitroBeaconUrl', 'aHR0cHM6Ly9oZXJtb2Rlc2lnbi5jb20vdGhlLWJlZ2lubmVycy1ndWlkZS10aXRsZS10YWdzLWFuZC1tZXRhLWRlc2NyaXB0aW9ucy8='); nitroData.append('nitroBeaconCookies', 'W10='); nitroData.append('nitroBeaconHash', '1e54553d00645a4febb0d0f483334ef5de8cb5575b93e98f47bb859bb6dfaf860b92e509fdebf6a2f5b6fff9a59ec2e736fc34ef7f9dfb29df92c32c95c68b6c'); nitroData.append('proxyPurgeOnly', ''); nitroData.append('layout', 'post'); navigator.sendBeacon(location.href, nitroData); } else { var xhr = new XMLHttpRequest(); xhr.open('POST', location.href, true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send('nitroBeaconUrl=aHR0cHM6Ly9oZXJtb2Rlc2lnbi5jb20vdGhlLWJlZ2lubmVycy1ndWlkZS10aXRsZS10YWdzLWFuZC1tZXRhLWRlc2NyaXB0aW9ucy8=&nitroBeaconCookies=W10=&nitroBeaconHash=1e54553d00645a4febb0d0f483334ef5de8cb5575b93e98f47bb859bb6dfaf860b92e509fdebf6a2f5b6fff9a59ec2e736fc34ef7f9dfb29df92c32c95c68b6c&proxyPurgeOnly=&layout=post'); } } </script> </div> <!-- #content --> </div> <!-- #page --> <!-- wraper_footer --> <footer class="wraper_footer custom-footer"> <div class="container"> <div data-elementor-type="section" data-elementor-id="5484" class="elementor elementor-5484" data-elementor-settings="[]"> <div class="elementor-section-wrap"> <section class="elementor-section elementor-top-section elementor-element elementor-element-315320c0 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="315320c0" data-element_type="section" data-settings="{"stretch_section":"section-stretched"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f0a925c" data-id="f0a925c" data-element_type="column"> <div class="elementor-column-wrap"> <div class="elementor-widget-wrap"> </div> </div> </div> </div> </div> </section> </div> </div> </div> </footer> <!-- wraper_footer --> </div> <!-- radiantthemes-website-layout --> <!--googleoff: all--><div id="cookie-law-info-bar" data-nosnippet="true"><span>This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. <a role='button' tabindex='0' class="cli_settings_button" style="margin:5px 20px 5px 20px;" >Cookie settings</a><a role='button' tabindex='0' data-cli_action="accept" id="cookie_action_close_header" class="medium cli-plugin-button cli-plugin-main-button cookie_action_close_header cli_action_button" style="display:inline-block; margin:5px; ">ACCEPT</a></span></div><div id="cookie-law-info-again" style="display:none;" data-nosnippet="true"><span id="cookie_hdr_showagain">Privacy & Cookies Policy</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true"> <div class="cli-modal-dialog" role="document"> <div class="cli-modal-content cli-bar-popup"> <button type="button" class="cli-modal-close" id="cliModalClose"> <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg> <span class="wt-cli-sr-only">Close</span> </button> <div class="cli-modal-body"> <div class="cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-privacy-overview"> <h4>Privacy Overview</h4> <div class="cli-privacy-content"> <div class="cli-privacy-content-text">This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.</div> </div> <a class="cli-privacy-readmore" aria-label="Show more" tabindex="0" role="button" data-readmore-text="Show more" data-readless-text="Show less"></a> </div> </div> <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container"> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab"> Necessary </a> <div class="wt-cli-necessary-checkbox"> <input type="checkbox" class="cli-user-preference-checkbox" id="wt-cli-checkbox-necessary" data-id="checkbox-necessary" checked="checked" /> <label class="form-check-label" for="wt-cli-checkbox-necessary">Necessary</label> </div> <span class="cli-necessary-caption">Always Enabled</span> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="necessary"> <div class="wt-cli-cookie-description"> Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="non-necessary" data-toggle="cli-toggle-tab"> Non-necessary </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-non-necessary" class="cli-user-preference-checkbox" data-id="checkbox-non-necessary" checked='checked' /> <label for="wt-cli-checkbox-non-necessary" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Non-necessary</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="non-necessary"> <div class="wt-cli-cookie-description"> Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website. </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-footer"> <div class="wt-cli-element cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-tab-footer wt-cli-privacy-overview-actions"> <a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">SAVE & ACCEPT</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div> <div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div> <!--googleon: all--><script> window.addEventListener('sfsi_functions_loaded', function() { if (typeof sfsi_responsive_toggle == 'function') { sfsi_responsive_toggle(0); // console.log('sfsi_responsive_toggle'); } }) </script> <script> window.addEventListener('sfsi_functions_loaded', function() { if (typeof sfsi_plugin_version == 'function') { sfsi_plugin_version(2.63); } }); function sfsi_processfurther(ref) { var feed_id = 'QmtRNENkZkNEclVhUmNvRWI3YmxCR0RIcjFSbGxVN1NlckE2ZDVTdXBpanB5cnRqVFk3UTNGZ2dkY3diK09mdkR1cC9VaGRrR0FMRFluSGRZc0tyTWI2ZVdiT3VydDRSUno4WDh0ekdEUkxpRWNmNDYycWx6dmgxQlJ1b3pZdDR8VmFGK3R0V3hlM1pPR0pNeUhDZ3crOTVFdTEwWVdJdkltbXRwcjJUUmwyND0='; var feedtype = 8; var email = jQuery(ref).find('input[name="email"]').val(); var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if ((email != "Enter your email") && (filter.test(email))) { if (feedtype == "8") { var url = "https://api.follow.it/subscription-form/" + feed_id + "/" + feedtype; window.open(url, "popupwindow", "scrollbars=yes,width=1080,height=760"); return true; } } else { alert("Please enter email address"); jQuery(ref).find('input[name="email"]').focus(); return false; } } </script> <style type="text/css" aria-selected="true"> .sfsi_subscribe_Popinner { width: 100% !important; height: auto !important; padding: 18px 0px !important; background-color: #ffffff !important; } .sfsi_subscribe_Popinner form { margin: 0 20px !important; } .sfsi_subscribe_Popinner h5 { font-family: Helvetica,Arial,sans-serif !important; font-weight: bold !important; color: #000000 !important; font-size: 16px !important; text-align: center !important; margin: 0 0 10px !important; padding: 0 !important; } .sfsi_subscription_form_field { margin: 5px 0 !important; width: 100% !important; display: inline-flex; display: -webkit-inline-flex; } .sfsi_subscription_form_field input { width: 100% !important; padding: 10px 0px !important; } .sfsi_subscribe_Popinner input[type=email] { font-family: Helvetica,Arial,sans-serif !important; font-style: normal !important; color: #000000 !important; font-size: 14px !important; text-align: center !important; } .sfsi_subscribe_Popinner input[type=email]::-webkit-input-placeholder { font-family: Helvetica,Arial,sans-serif !important; font-style: normal !important; color: #000000 !important; font-size: 14px !important; text-align: center !important; } .sfsi_subscribe_Popinner input[type=email]:-moz-placeholder { /* Firefox 18- */ font-family: Helvetica,Arial,sans-serif !important; font-style: normal !important; color: #000000 !important; font-size: 14px !important; text-align: center !important; } .sfsi_subscribe_Popinner input[type=email]::-moz-placeholder { /* Firefox 19+ */ font-family: Helvetica,Arial,sans-serif !important; font-style: normal !important; color: #000000 !important; font-size: 14px !important; text-align: center !important; } .sfsi_subscribe_Popinner input[type=email]:-ms-input-placeholder { font-family: Helvetica,Arial,sans-serif !important; font-style: normal !important; color: #000000 !important; font-size: 14px !important; text-align: center !important; } .sfsi_subscribe_Popinner input[type=submit] { font-family: Helvetica,Arial,sans-serif !important; font-weight: bold !important; color: #000000 !important; font-size: 16px !important; text-align: center !important; background-color: #dedede !important; } .sfsi_shortcode_container { float: left; } .sfsi_shortcode_container .norm_row .sfsi_wDiv { position: relative !important; } .sfsi_shortcode_container .sfsi_holders { display: none; } </style> <script type="text/javascript"> /* MonsterInsights Scroll Tracking */ if ( typeof(jQuery) !== 'undefined' ) { jQuery( document ).ready(function(){ function monsterinsights_scroll_tracking_load() { if ( ( typeof(__gaTracker) !== 'undefined' && __gaTracker && __gaTracker.hasOwnProperty( "loaded" ) && __gaTracker.loaded == true ) || ( typeof(__gtagTracker) !== 'undefined' && __gtagTracker ) ) { (function(factory) { factory(jQuery); }(function($) { /* Scroll Depth */ "use strict"; var defaults = { percentage: true }; var $window = $(window), cache = [], scrollEventBound = false, lastPixelDepth = 0; /* * Plugin */ $.scrollDepth = function(options) { var startTime = +new Date(); options = $.extend({}, defaults, options); /* * Functions */ function sendEvent(action, label, scrollDistance, timing) { var type = 'event'; var eventName = action; var fieldsArray = { event_category : 'Scroll Depth', event_label : label, value : 1, non_interaction: true }; if ( 'undefined' === typeof MonsterInsightsObject || 'undefined' === typeof MonsterInsightsObject.sendEvent ) { return; } MonsterInsightsObject.sendEvent( type, eventName, fieldsArray ); if (arguments.length > 3) { var type = 'event'; var eventName = 'timing_complete'; fieldsArray = { event_category : 'Scroll Depth', name : action, event_label : label, value : timing, non_interaction: 1 }; MonsterInsightsObject.sendEvent( type, eventName, fieldsArray ); } } function calculateMarks(docHeight) { return { '25%' : parseInt(docHeight * 0.25, 10), '50%' : parseInt(docHeight * 0.50, 10), '75%' : parseInt(docHeight * 0.75, 10), /* Cushion to trigger 100% event in iOS */ '100%': docHeight - 5 }; } function checkMarks(marks, scrollDistance, timing) { /* Check each active mark */ $.each(marks, function(key, val) { if ( $.inArray(key, cache) === -1 && scrollDistance >= val ) { sendEvent('Percentage', key, scrollDistance, timing); cache.push(key); } }); } function rounded(scrollDistance) { /* Returns String */ return (Math.floor(scrollDistance/250) * 250).toString(); } function init() { bindScrollDepth(); } /* * Public Methods */ /* Reset Scroll Depth with the originally initialized options */ $.scrollDepth.reset = function() { cache = []; lastPixelDepth = 0; $window.off('scroll.scrollDepth'); bindScrollDepth(); }; /* Add DOM elements to be tracked */ $.scrollDepth.addElements = function(elems) { if (typeof elems == "undefined" || !$.isArray(elems)) { return; } $.merge(options.elements, elems); /* If scroll event has been unbound from window, rebind */ if (!scrollEventBound) { bindScrollDepth(); } }; /* Remove DOM elements currently tracked */ $.scrollDepth.removeElements = function(elems) { if (typeof elems == "undefined" || !$.isArray(elems)) { return; } $.each(elems, function(index, elem) { var inElementsArray = $.inArray(elem, options.elements); var inCacheArray = $.inArray(elem, cache); if (inElementsArray != -1) { options.elements.splice(inElementsArray, 1); } if (inCacheArray != -1) { cache.splice(inCacheArray, 1); } }); }; /* * Throttle function borrowed from: * Underscore.js 1.5.2 * http://underscorejs.org * (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors * Underscore may be freely distributed under the MIT license. */ function throttle(func, wait) { var context, args, result; var timeout = null; var previous = 0; var later = function() { previous = new Date; timeout = null; result = func.apply(context, args); }; return function() { var now = new Date; if (!previous) previous = now; var remaining = wait - (now - previous); context = this; args = arguments; if (remaining <= 0) { clearTimeout(timeout); timeout = null; previous = now; result = func.apply(context, args); } else if (!timeout) { timeout = setTimeout(later, remaining); } return result; }; } /* * Scroll Event */ function bindScrollDepth() { scrollEventBound = true; $window.on('scroll.scrollDepth', throttle(function() { /* * We calculate document and window height on each scroll event to * account for dynamic DOM changes. */ var docHeight = $(document).height(), winHeight = window.innerHeight ? window.innerHeight : $window.height(), scrollDistance = $window.scrollTop() + winHeight, /* Recalculate percentage marks */ marks = calculateMarks(docHeight), /* Timing */ timing = +new Date - startTime; checkMarks(marks, scrollDistance, timing); }, 500)); } init(); }; /* UMD export */ return $.scrollDepth; })); jQuery.scrollDepth(); } else { setTimeout(monsterinsights_scroll_tracking_load, 200); } } monsterinsights_scroll_tracking_load(); }); } /* End MonsterInsights Scroll Tracking */ </script><link rel='stylesheet' id='elementor-post-5484-css' href='https://hermodesign.com/wp-content/uploads/elementor/css/post-5484.css?ver=1633423474' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-css' href='https://hermodesign.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.9.1' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-8407-css' href='https://hermodesign.com/wp-content/uploads/elementor/css/post-8407.css?ver=1631452612' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-pro-css' href='https://hermodesign.com/wp-content/plugins/elementor-pro/assets/css/frontend.min.css?ver=3.0.8' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-5-all-css' href='https://hermodesign.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=3.0.14' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-4-shim-css' href='https://hermodesign.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=3.0.14' type='text/css' media='all' /> <script type='text/javascript' src='https://hermodesign.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.7' id='regenerator-runtime-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/hermodesign.com\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.4.2' id='contact-form-7-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/radiantthemes-addons/assets/js/radiantthemes-addons-core.js?ver=1638469585' id='radiantthemes-addons-core-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/radiantthemes-addons/assets/js/radiantthemes-addons-custom.js?ver=1638469585' id='radiantthemes-addons-custom-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-includes/js/jquery/ui/core.min.js?ver=1.12.1' id='jquery-ui-core-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/ultimate-social-media-icons/js/shuffle/modernizr.custom.min.js?ver=5.8.2' id='SFSIjqueryModernizr-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/ultimate-social-media-icons/js/shuffle/jquery.shuffle.min.js?ver=5.8.2' id='SFSIjqueryShuffle-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/ultimate-social-media-icons/js/shuffle/random-shuffle-min.js?ver=5.8.2' id='SFSIjqueryrandom-shuffle-js'></script> <script type='text/javascript' id='SFSICustomJs-js-extra'> /* <![CDATA[ */ var sfsi_icon_ajax_object = {"ajax_url":"https:\/\/hermodesign.com\/wp-admin\/admin-ajax.php"}; var sfsi_icon_ajax_object = {"ajax_url":"https:\/\/hermodesign.com\/wp-admin\/admin-ajax.php","plugin_url":"https:\/\/hermodesign.com\/wp-content\/plugins\/ultimate-social-media-icons\/"}; /* ]]> */ </script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/ultimate-social-media-icons/js/custom.js?ver=5.8.2' id='SFSICustomJs-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/themes/ryse/assets/js/bootstrap.min.js?ver=1638469585' id='bootstrap-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/themes/ryse/assets/js/jquery.sidr.min.js?ver=1638469585' id='sidr-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/themes/ryse/assets/js/jquery.onePageNav.min.js?ver=1638469585' id='onepagenav-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/themes/ryse/assets/js/jquery.matchHeight-min.js?ver=1638469585' id='matchheight-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/themes/ryse/assets/js/wow.min.js?ver=1638469585' id='wow-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/themes/ryse/assets/js/jquery.nicescroll.min.js?ver=1638469585' id='nicescroll-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/themes/ryse/assets/js/jquery.sticky.min.js?ver=1638469585' id='sticky-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/themes/ryse/assets/js/jquery.fancybox.min.js?ver=1638469585' id='fancybox-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/themes/ryse/assets/js/isotope.pkgd.min.js?ver=1638469585' id='isotope-pkgd-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/themes/ryse/assets/js/radiantthemes-custom.js?ver=1638469585' id='radiantthemes-custom-js'></script> <script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=6LcEDt8UAAAAAPiTuJlr5-rcICtWNd03IC7B2y2l&ver=3.0' id='google-recaptcha-js'></script> <script type='text/javascript' id='wpcf7-recaptcha-js-extra'> /* <![CDATA[ */ var wpcf7_recaptcha = {"sitekey":"6LcEDt8UAAAAAPiTuJlr5-rcICtWNd03IC7B2y2l","actions":{"homepage":"homepage","contactform":"contactform"}}; /* ]]> */ </script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.4.2' id='wpcf7-recaptcha-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-includes/js/wp-embed.min.js?ver=5.8.2' id='wp-embed-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=3.0.14' id='font-awesome-4-shim-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.0.14' id='elementor-frontend-modules-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.0.8' id='elementor-sticky-js'></script> <script type='text/javascript' id='elementor-pro-frontend-js-before'> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/hermodesign.com\/wp-admin\/admin-ajax.php","nonce":"45ed9c01cd","i18n":{"toc_no_headings_found":"No headings were found on this page."},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"google":{"title":"Google+","has_counter":true},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/hermodesign.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.0.8' id='elementor-pro-frontend-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.8.1' id='elementor-dialog-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2' id='elementor-waypoints-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6' id='swiper-js'></script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=3.0.14' id='share-link-js'></script> <script type='text/javascript' id='elementor-frontend-js-before'> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"version":"3.0.14","is_static":false,"legacyMode":{"elementWrappers":true},"urls":{"assets":"https:\/\/hermodesign.com\/wp-content\/plugins\/elementor\/assets\/"},"settings":{"page":[],"editorPreferences":[]},"kit":{"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":8101,"title":"Title%20Tags%20And%20Meta%20Descriptions%20-%20The%20Beginner%27s%20Guide","excerpt":"","featuredImage":"https:\/\/hermodesign.com\/wp-content\/uploads\/2020\/01\/title-tag.jpg"}}; </script> <script type='text/javascript' src='https://hermodesign.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.0.14' id='elementor-frontend-js'></script> <script type='text/javascript'> (function() { var expirationDate = new Date(); expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 ); document.cookie = "pll_language=en; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax"; }()); </script> <script type="text/javascript" id="wpsp-script-frontend"></script> </body> </html>