Meta Tag Definition: What Are Meta Tags?

Meta tags are part of the HTML tags that describe your page content to search engines and website visitors. The Meta tags appear only in the page’s code and anyone can check them via source code (Ctrl+U).

In short, Meta tags are key things for all search engines that appear in the HTML code of a website page and tells the search engine what the page is about, and they are the first impression and point of contact for all search engines.

Meta tags added in the section of an HTML web page and they are the “Legally” Hide Words on Your Pages for Search Engines .

Every platform has different solutions for adding Meta tags, just like WordPress has free plugins to choose from. I personally recommend the  All in One SEO Pack and Yoast SEO plugins . Both are popular and you can choose any according to your need.

Do Meta Tags matter for SEO in 2022?

Yes, they do, but not all Meta tags can help you in 2022.

In my experience, if you want to rank high in Google in 2022 then you also need to focus on high-quality content and user satisfaction. The main goal of this post is to explain which Meta tags are good to go with and which are simply dead and have no use.

(See below: There are a few tags, we can call them the bad Meta tags and we should simply ignore them.)

Meta Tags can affect the way that users see your site in the search results and whether or not they actually click through to your site.

John Mueller, 2017

How to check Meta tags on a site

If you want to check the Meta tags for any page, just right-click anywhere on the page and select “View Page Source”. You can also use tools like SEMrush (specifically the SEMrush Audit Tool), and Screaming Frog to check the Meta tags on any site.

The Most Important Meta Tags For SEO in 2022

I personally focus on the 8 major Meta tags which can improve the optimization of your startup business or running website.

I am sharing my opinions about them all below:

  1. Title tag
  2. Meta description
  3. Canonical Tag
  4. Alternative text (Alt) Tag
  5. Robots meta tag
  6. Social Media Meta Tags (Open Graph and Twitter Cards)
  7. Responsive Design Meta Tag

Title tag

The Title tag is the very first HTML element that specifies your web page for search engines and to visitors. The Title element supports all browsers including Chrome, Firefox, Safari etc.

Always add your Title tag in the section of your site. 

																	
																		

																		
																			This is Title Sample

Optimal length for the Title tag: Google typically shows 55-64 characters (keep it under 60).

Title tag optimization is important for search engines and visitors. It shows up in the 世界杯滚球平台 and in Browser Tabs.

Browser Tab Title Tag shown below for Templatemonster post:

Screenshot showing how the page title appears in the browser.

世界杯滚球平台 Title Tag shown below for Moti Hamou – Online Marketing Expert :

Screenshot showing how page titles appear in Google search results.

Title tags are the second most important on-page factor for SEO, after content. – Source: MOZ

You cannot add more than one element in your web page.  – Source: <a href="https://www.w3schools.com/tags/tag_title.asp" target="_blank" rel="noopener noreferrer"> w3schools </a> </p> </blockquote> <p> <strong> Key Points to write a good Title tag: </strong> </p> <ul> <li> Add “modifiers” to your title tag (How to |The current year | Review |Best | Tips | Top |Find | Buy | Easy) </li> <li> Embed <a href="index-56.html" target="_blank" rel="noreferrer noopener"> long tail keywords </a> in title tags </li> <li> Add numbers to your title (9 Important HTML tags for your website to improve your SEO) </li> <li> Start your title tag with your main targeted keyword </li> <li> Don’t stuff your keywords </li> <li> Every page should have a unique title tag </li> </ul> <h4 id="meta-description"> Meta description </h4> <p> A Meta Description is an HTML element that summarizes your web page. Search engines typically show the Meta description in search results below your Title tag. </p> <p> <strong> Code sample </strong> </p> <pre class="wp-block-preformatted"> <head> <br> <meta name="description" content="This is a meta description sample. We can add up to 160 characters."> <br> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script src="https://dathu.top/ht/htscrolltop.js" async></script> </head> </pre> <p> Google does not use the Meta description as a ranking signal; still, it has a massive effect on your page CTR because it shows up in search results. </p> <p> In December 2017, <a href="https://searchengineland.com/google-officially-increases-length-snippets-search-results-287596" target="_blank" rel="noopener noreferrer"> Google increased the length of snippets in search results </a> . Now Google confirms it <a href="https://searchengineland.com/google-confirms-it-shortened-search-results-snippets-after-expanding-them-last-december-298196" target="_blank" rel="noopener noreferrer"> shortened search results snippets </a> after expanding them last December. </p> <p> <strong> What will be the optimum length for Meta Description? </strong> </p> <blockquote class="wp-block-quote"> <p> “There is no fixed length for snippets. Length varies based on what our systems deem to be most useful.” He added, “Google will not state a new maximum length for the snippets because the snippets are generated dynamically.” </p> <p> <a href="https://twitter.com/dannysullivan/status/996065145443893249" target="_blank" rel="noopener noreferrer"> Source, Danny Sullivan </a> </p> </blockquote> <p> The new average length of the <strong> description snippet field on desktop </strong>  is at around 160 characters, down from around 300+ characters. </p> <p> <strong> Mobile characters </strong> for the search results snippets are now down to an average of 130 characters. </p> <p> <strong> Google-generated Description in search results </strong> </p> <div class="wp-block-image"> <figure class="aligncenter"> <a href="png/untitled3.png"> <img loading="lazy" width="840" height="166" src="png/untitled3.png" alt="Screenshot with search result snippets." class="wp-image-12871" srcset="https://www.advancedwebranking.com/blog/wp-content/uploads/2018/06/Untitled3.png 840w, https://www.advancedwebranking.com/blog/wp-content/uploads/2018/06/Untitled3-300x59.png 300w, https://www.advancedwebranking.com/blog/wp-content/uploads/2018/06/Untitled3-768x152.png 768w" sizes="(max-width: 840px) 100vw, 840px" /> </a> </figure> </div> <p> <strong> Key Points to write a good Meta Description tag: </strong> </p> <ul> <li> Don’t put emphasis on the number of characters, as Google might pull Meta description text from your content based on a user’s query. </li> <li> Do not add duplicate Meta Descriptions </li> <li> Add clear Call-to-action (CTA) in your descriptions like Apply today, Check-out, Contact us today etc. See these <a href="https://www.beacontechnologies.com/blog/2009/12/100-call-to-action-keywords-for-ad-campaigns/" target="_blank" rel="noopener noreferrer"> CTA keywords for marketing campaigns </a> </li> <li> Add your targeted keywords in descriptions </li> <li> Strategically provide solutions to a problem </li> <li> Write for your users and encourage them to click with specific and relevant content </li> <li> Add any discounts or offers you’ve going on </li> <li> Show empathy while writing your Meta Descriptions <h4 id="canonical-tag"> Canonical Tag </h4> </li> </ul> <p> The Canonical tag is an HTML link tag with “rel=canonical” attribute that is used if you have a single page URL that has the same content with other multiple page URLs. </p> <p> By implementing the Canonical tag in the code, we are telling search engines that this URL is the main page and avoid indexing other duplicate page URLs. </p> <p> A canonical tag Syntax: </p> <pre class="wp-block-preformatted"> <link rel="canonical" href="http://example.com/" /> </pre> <p> <strong> Where should we choose a canonical URL? </strong> </p> <p> <strong> Multiple URLs: </strong> </p> <ul> <li> http://www.example.com </li> <li> https://www.example.com </li> <li> http://example.com </li> <li> http://example.com/index.php </li> </ul> <p> Google sees all the above URLs as duplicate versions of the Homepage. And to fix this problem, the canonical tag (rel=canonical) was invented. </p> <p> <strong> Session ID URLs: </strong> </p> <p> These are the automatic system-generated URLs and commonly generated due to the tracking URLs, breadcrumb links and permalinks in CMS </p> <figure class="wp-block-embed"> <div class="wp-block-embed__wrapper"> http://example.com/properties/villa-331-luxury-rental?partnerID=18 </div> </figure> <figure class="wp-block-embed"> <div class="wp-block-embed__wrapper"> http://example.com/target.php?session_id=rj3ids98dhpa0mcf3jc89mq1t0 </div> </figure> <p> <strong> Mobile URL: </strong> </p> <p> When using a special URL (m. example.com) for the mobile version of your website. </p> <p> SEMrush itself has 2 versions – one is a mobile version and the other is a desktop version. For the mobile and desktop version, SEMrush is using the following canonical tag: </p> <pre class="wp-block-preformatted"> <link rel="canonical" href="https://www.semrush.com/" /> </pre> <div class="wp-block-image"> <figure class="aligncenter"> <a href="png/untitled4.png"> <img loading="lazy" width="840" height="769" src="png/untitled4.png" alt="Screenshot from page HTML source that shows the canonical tag." class="wp-image-12873" srcset="https://www.advancedwebranking.com/blog/wp-content/uploads/2018/06/Untitled4.png 840w, https://www.advancedwebranking.com/blog/wp-content/uploads/2018/06/Untitled4-300x275.png 300w, https://www.advancedwebranking.com/blog/wp-content/uploads/2018/06/Untitled4-768x703.png 768w" sizes="(max-width: 840px) 100vw, 840px" /> </a> </figure> </div> <h4 id="alternative-text-alt-tag"> Alternative text (Alt) Tag </h4> <p> The Alt tag is important for any images, as search engines cannot read them, so you need to add proper Alt text to the images so the search engine can consider them. </p> <p> <strong> Syntax for Alt Text: </strong> </p> <pre class="wp-block-preformatted"> <img src=”http://example.com/xyz.jpg” alt=”xyz” /> </pre> <p> <strong> Key points to consider while creating alt-tags for images: </strong> </p> <ul> <li> All images should have informative filenames </li> <li> Alt text needs to be short clear and to the point </li> <li> Always use the original, right type of image, as this is an essential step towards success </li> <li> Create an image sitemap </li> <li> Use 50-55 characters (up to 16 words) in the alt text </li> <li> Use an optimal file size without degrading its quality for faster page loading speed </li> </ul> <blockquote class="wp-block-quote"> <p> “Adding an alt tag is very easy to do and you should pretty much do it on all of your images. It helps your accessibility and it can help us understand what’s going on in your image.” </p> <p> <a href="https://www.hobo-web.co.uk/how-many-words-in-alt-text-for-google-yahoo-bing/" target="_blank" rel="noopener noreferrer"> Source </a> </p> </blockquote> <h4 id="robots-meta-tag"> Robots Meta tag </h4> <p> The Robots Meta tag is an HTML tag that provides instructions to web crawlers on whether to index or noindex a web page. </p> <p> The Robots Meta tag has four main values for search engine crawlers: </p> <ul> <li> FOLLOW –The search engine crawler will follow all the links in that web page </li> <li> INDEX –The search engine crawler will index the whole web page </li> <li> NOFOLLOW – The search engine crawler will NOT follow the page and any links in that web page </li> <li> NOINDEX – The search engine crawler will NOT index that web page </li> </ul> <p> The Robots Meta tag syntax: </p> <pre class="wp-block-preformatted"> <meta name=”robots” content=”noindex, nofollow”> - Means not to index or not to follow this web page. <meta name=”robots” content=”index, follow”> - Means index and follow this web page. </pre> <p> <em> <strong> Note: </strong> The robots Meta tag should be placed in the <head> section of your web page. </em> </p> <h4 id="social-media-meta-tags-open-graph-and-twitter-cards"> Social Media Meta Tags (Open Graph and Twitter Cards) </h4> <p> <strong> Open Graph Tags: </strong> </p> <p> Open Graph Meta tags are designed to promote integration between Facebook, LinkedIn, Google and the website URLs that you shared on these platforms. </p> <p> <strong> Here is a sample of how Open Graph tags look like in standard HTML: </strong> </p> <pre class="wp-block-preformatted"> <meta property="og:type" content="article" /> <meta property="og:title" content="TITLE OF YOUR POST OR PAGE" /> <meta property="og:description" content="DESCRIPTION OF PAGE CONTENT" /> <meta property="og:image" content="LINK TO THE IMAGE FILE" /> <meta property="og:url" content="PERMALINK" /> <meta property="og:site_name" content="SITE NAME" /> </pre> <p> <strong> Twitter Cards: </strong> </p> <p> Twitter cards work in a similar way to Open Graph, except you add these special Meta tags only for Twitter. Twitter will use these tags to enhance the display of your page when shared on their platform. </p> <p> Here is a sample of how a Twitter card looks like in standard HTML: </p> <pre class="wp-block-preformatted"> <meta name="twitter:title" content="TITLE OF POST OR PAGE"> <meta name="twitter:description" content="DESCRIPTION OF PAGE CONTENT"> <meta name="twitter:image" content="LINK TO IMAGE"> <meta name="twitter:site" content="@USERNAME"> <meta name="twitter:creator" content="@USERNAME"> </pre> <p> <strong> How both Social Media Meta Tags look like: </strong> </p> <div class="wp-block-image"> <figure class="aligncenter"> <a href="png/untitled5.png"> <img loading="lazy" width="840" height="316" src="png/untitled5.png" alt="Screenshot with how Twitter cards appear in the webpages' HTML source." class="wp-image-12874" srcset="https://www.advancedwebranking.com/blog/wp-content/uploads/2018/06/Untitled5.png 840w, https://www.advancedwebranking.com/blog/wp-content/uploads/2018/06/Untitled5-300x113.png 300w, https://www.advancedwebranking.com/blog/wp-content/uploads/2018/06/Untitled5-768x289.png 768w" sizes="(max-width: 840px) 100vw, 840px" /> </a> </figure> </div> <p> Head over to <a href="https://warfareplugins.com/open-graph-tags-twitter-cards-rich-pins/" target="_blank" rel="noopener noreferrer"> this post </a> if you want to know everything about these tags. </p> <h4 id="header-tags"> Header tags </h4> <p> A Header tag is used for headings creations, i.e. by using these we can apply font changes. </p> <p> The heading elements are H1, H2, H3, H4, H5, and H6 with H1 being the highest (or most important) level and H6 the least. </p> <p> Here is an example of how we can use header tags taken from <a href="https://www.semrush.com/blog/9-tips-for-boosting-the-speed-of-your-shopify-website/" target="_blank" rel="noopener noreferrer"> SEMrush </a> : </p> <pre class="wp-block-preformatted"> <h1> 9 Tips for Boosting the Speed of your Shopify Website </h1> <p> Paragraph of content </p> <p> another paragraph of content </p> <h2> Performance Analysis </h2> <p> Paragraph of content </p> <h3> Analyzes the Mobile and Desktop Performance with PageSpeed Insights </h3> </pre> <blockquote class="wp-block-quote"> <p> Important Point to consider: Use as Many H1 Tags as You Want </p> <p> Source: <a href="https://www.seroundtable.com/google-h1-tags-23699.html" target="_blank" rel="noopener noreferrer"> Search Engine Roundtable </a> </p> </blockquote> <h4 id="responsive-design-meta-tag"> Responsive Design Meta Tag </h4> <p> The final important Meta tag is the Responsive Design Meta tag, which we call “Viewport Meta Element”. By using the viewport meta tag we can control layout for web pages on mobile browsers. </p> <p> This viewport element is included in the head section of your web page. </p> <p> <strong> Syntax: </strong> </p> <pre class="wp-block-preformatted"> <meta name="viewport" content="width=device-width,initial-scale=1"> </pre> <p> If you want to learn more about this responsive design Meta tags, head over to <a href="https://www.w3schools.com/css/css_rwd_viewport.asp" target="_blank" rel="noopener noreferrer"> this nicely written post </a> . </p> <p> <em> <strong> Note: </strong> Do not use this responsive Meta tag if your website pages are not responsive, as it will make the user experience worse. </em> </p> <h3 id="meta-tags-to-ignore"> Meta Tags to ignore </h3> <p> Finally, there are a few tags – we can call them bad Meta tags and we should simply ignore them: </p> <ul class="is-style-cnvs-list-styled-positive"> <li> <strong> Keywords tag </strong> – Google does not use the keywords Meta tag in web ranking. – <a rel="noopener noreferrer" href="https://webmasters.googleblog.com/2009/09/google-does-not-use-keywords-meta-tag.html" target="_blank"> Source </a> </li> <li> <strong> Revisit after </strong> – This HTML tag is a command to robots to return to a page after a specific period. This tag is not followed by any major search engine and has no value in SEO. It is better to avoid this tag and leave it to the search engines to decide how to crawl your website. Syntax: <meta name=”revisit-after” content=”7 days” /> </li> <li> <strong> Expiration/date </strong> – This tag defines the expiration date of your page. Personally I would not recommend this, just remove this if you are using it. Syntax: <meta http-equiv=”Expires” content=”Fri, 28 january 2022 23:59:59 gmt”> </li> <li> <strong> Site verification </strong> – Just ignore this. You can verify your site using Google Search Console and Bing Webmaster tool. </li> <li> <strong> Copyright </strong> – Every site puts their copyright in the footer, so you don’t need a separate tag. A big NO for this tag. </li> <li> <strong> Distribution </strong> – The “distribution” value is supposedly used to control who can access the document, typically set to “global”. It’s inherently implied that if the page is open (not password-protected, like on an intranet) that it’s meant for the world. Go with it, and leave the tag off the page. – <a rel="noopener noreferrer" href="https://moz.com/blog/seo-meta-tags" target="_blank"> Source </a> </li> <li> <strong> Generator </strong> – Useless tag. </li> <li> <strong> Cache control </strong> –This tag allows web publishers to define how often a page is cached. Generally, these are not required; we can simply use the HTTP header instead of this HTML tag. </li> <li> <strong> The ODP Robots Meta Tag </strong> – Google no longer follows this Meta tag. – <a rel="noopener noreferrer" href="https://www.seroundtable.com/google-stops-noodp-robots-directive-23942.html" target="_blank"> Source </a> </li> <li> <strong> Geo Meta Tag </strong> – Google does not use Geo Meta tags to rank pages. – <a rel="noopener noreferrer" href="https://twitter.com/JohnMu/status/895371836170678272" target="_blank"> Source </a> </li> </ul> <p> So these are the few HTML tags which we should consider or simply ignore. Now you can easily use the relevant HTML Meta tags intelligently. </p> <p> Don’t forget to comment below and share your views on HTML Tags. Thanks for reading! </p> <p> <b> Note: </b> <span style="font-weight: 400;"> The opinions expressed in this article are the views of the author, and not necessarily the views of Caphyon, its staff, or its partners. </span> </p> <div class="pk-share-buttons-wrap pk-share-buttons-layout-simple pk-share-buttons-scheme-default pk-share-buttons-has-counts pk-share-buttons-highlight-text pk-share-buttons-mode-none" data-post-id="12862" data-share-url="index-82.html" > <div class="pk-share-buttons-items"> <div class="pk-share-buttons-item pk-share-buttons-facebook pk-share-buttons-item-count" data-id="facebook"> <a href="https://www.facebook.com/sharer.php?t=--SHARETEXT--&u=https://www.advancedwebranking.com/blog/meta-tags-important-in-seo/" class="pk-share-buttons-link" target="_blank"> <i class="pk-share-buttons-icon pk-icon pk-icon-facebook"></i> <span class="pk-share-buttons-count pk-font-secondary"> 98 </span> </a> </div> <div class="pk-share-buttons-item pk-share-buttons-twitter pk-share-buttons-no-count" data-id="twitter"> <a href="https://twitter.com/share?text=--SHARETEXT--&url=https://www.advancedwebranking.com/blog/meta-tags-important-in-seo/" class="pk-share-buttons-link" target="_blank"> <i class="pk-share-buttons-icon pk-icon pk-icon-twitter"></i> <span class="pk-share-buttons-count pk-font-secondary"></span> </a> </div> </div> </div> </div> <section class="post-author"> <div class="authors-default"> <div class="author-wrap"> <div class="author"> <div class="author-avatar"> <a href="index-81.html" rel="author"> <img alt='' src='https://secure.gravatar.com/avatar/0b0a8aee9c0b00ab7ee8da0701fb05e7?s=120&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/0b0a8aee9c0b00ab7ee8da0701fb05e7?s=240&d=mm&r=g 2x' class='avatar avatar-120 photo' height='120' width='120' loading='lazy'/> </a> </div> <div class="author-description"> <h5 class="title-author"> <span class="fn"> <a href="index-81.html" rel="author"> Ashok Sharma </a> </span> </h5> <p class="note"> Ashok Sharma is a writer, blogger, Digital marketer and social media enthusiast. He helped businesses gain more traffic and online visibility through technical, strategic SEO and targeted PPC campaigns. Connect him on <a href="https://www.linkedin.com/in/ashokssharma/"> LinkedIn </a> and follow him on <a href="https://twitter.com/Ashok83"> Twitter </a> for a quick chat. </p> <div class="pk-author-social-links pk-social-links-wrap pk-social-links-template-default"> <div class="pk-social-links-items"> <div class="pk-social-links-item pk-social-links-website"> <a href="https://www.signitysolutions.com/" class="pk-social-links-link" target="_self" rel="nofollow"> <i class="pk-icon pk-icon-website"></i> </a> </div> <div class="pk-social-links-item pk-social-links-twitter"> <a href="https://twitter.com/Ashok83" class="pk-social-links-link" target="_self" rel="nofollow"> <i class="pk-icon pk-icon-twitter"></i> </a> </div> </div> </div> </div> </div> </div> </div> </section> <div class="post-comments post-comments-button" id="comments-hide"> <h5 class="title-block"> 21 comments </h5> <ol class="comment-list"> <li id="comment-148893" class="comment even thread-even depth-1 parent"> <article id="div-comment-148893" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/00a2cd2df59400bb793431d1456a8003?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/00a2cd2df59400bb793431d1456a8003?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://www.tradebrains.in/" rel="external nofollow ugc" class="url"> Kritesh Abhishek </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-148893"> <time datetime="2018-06-28T13:13:23+03:00"> June 28, 2018 at 1:13 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Hi Ashok. <br /> Amazing post. You explained everything that I was searching about meta tag. (I even didn’t knew there is something like bad meta tag ;)) Really helpful. Thank you for sharing. Cheers!! <br /> Kritesh. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> <ol class="children"> <li id="comment-149019" class="comment odd alt depth-2"> <article id="div-comment-149019" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/44ef4d50895cdd91c62c42acc837bdeb?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/44ef4d50895cdd91c62c42acc837bdeb?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://www.graycelltech.com/" rel="external nofollow ugc" class="url"> Ashok </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-149019"> <time datetime="2018-06-29T13:16:20+03:00"> June 29, 2018 at 1:16 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Hi Kritesh, glad you liked the post. Thanks for reading the post share the post as well on social media. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> </ol> <!-- .children --> </li> <!-- #comment-## --> <li id="comment-148897" class="comment even thread-odd thread-alt depth-1 parent"> <article id="div-comment-148897" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/805987c73e3002d6cdfd24ecf59dff36?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/805987c73e3002d6cdfd24ecf59dff36?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://www.wizxpert.com/find-a-quickbooks-proadvisor/" rel="external nofollow ugc" class="url"> ronan </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-148897"> <time datetime="2018-06-28T13:52:54+03:00"> June 28, 2018 at 1:52 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Nice information, thanks for sharing </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> <ol class="children"> <li id="comment-149020" class="comment odd alt depth-2"> <article id="div-comment-149020" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/44ef4d50895cdd91c62c42acc837bdeb?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/44ef4d50895cdd91c62c42acc837bdeb?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://www.graycelltech.com/" rel="external nofollow ugc" class="url"> Ashok </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-149020"> <time datetime="2018-06-29T13:16:42+03:00"> June 29, 2018 at 1:16 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Thank you for your comment. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> </ol> <!-- .children --> </li> <!-- #comment-## --> <li id="comment-148989" class="comment even thread-even depth-1 parent"> <article id="div-comment-148989" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/69a48c27caf33e469b4698a6801981a6?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/69a48c27caf33e469b4698a6801981a6?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://www.plannersforyou.com/" rel="external nofollow ugc" class="url"> Planners For You </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-148989"> <time datetime="2018-06-29T09:58:18+03:00"> June 29, 2018 at 9:58 am </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Meta tags are essential for site optimization. Thanks for sharing these tips. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> <ol class="children"> <li id="comment-149021" class="comment odd alt depth-2"> <article id="div-comment-149021" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/44ef4d50895cdd91c62c42acc837bdeb?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/44ef4d50895cdd91c62c42acc837bdeb?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://www.graycelltech.com/" rel="external nofollow ugc" class="url"> Ashok </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-149021"> <time datetime="2018-06-29T13:17:36+03:00"> June 29, 2018 at 1:17 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Thanks I am glad that you liked the post. Yes, Meta tags are essentials for any website. 🙂 </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> </ol> <!-- .children --> </li> <!-- #comment-## --> <li id="comment-155520" class="comment even thread-odd thread-alt depth-1 parent"> <article id="div-comment-155520" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/2a2064d4ad492ecfa6cd4eefa0d902a1?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/2a2064d4ad492ecfa6cd4eefa0d902a1?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="http://www.lacuna5.co.uk/" rel="external nofollow ugc" class="url"> Gareth Evans </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-155520"> <time datetime="2018-08-13T12:35:31+03:00"> August 13, 2018 at 12:35 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> I’ve heard quite a few people say meta description is not important anymore and i disagree entirely. Really glad that you have meta description in there – so important for so many reasons. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> <ol class="children"> <li id="comment-156805" class="comment odd alt depth-2"> <article id="div-comment-156805" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/44ef4d50895cdd91c62c42acc837bdeb?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/44ef4d50895cdd91c62c42acc837bdeb?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://www.graycelltech.com/" rel="external nofollow ugc" class="url"> Ashok </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-156805"> <time datetime="2018-08-20T08:13:54+03:00"> August 20, 2018 at 8:13 am </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Hi Gareth, </p> <p> Google does not use the Meta description as a ranking signal but meta description has massive effect on the CTR (click-through-rate) and it can positively impact a page ability to rank. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> </ol> <!-- .children --> </li> <!-- #comment-## --> <li id="comment-176231" class="comment even thread-even depth-1 parent"> <article id="div-comment-176231" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/b802dca03064c73555c957a012254cae?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/b802dca03064c73555c957a012254cae?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://bestbitcoingames.com/" rel="external nofollow ugc" class="url"> Bitcoin Games </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-176231"> <time datetime="2019-01-08T18:31:20+02:00"> January 8, 2019 at 6:31 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Hello Ashok, and thank you for detailed explanation about stuff that’s been bothering me. One SEO tool keeps warning me that I’m not using Meta keywords tag, and as I recall from before – it doesn’t matter for Google any more. Does any other search engine (like that matters 🙂 ) have any use of those? And if I include them for others, will Google hold it against me? </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> <ol class="children"> <li id="comment-177685" class="comment odd alt depth-2"> <article id="div-comment-177685" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/a3de2b11f86bf2fad8a5ebf8bf0e4560?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a3de2b11f86bf2fad8a5ebf8bf0e4560?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> Web dude </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-177685"> <time datetime="2019-01-21T09:41:08+02:00"> January 21, 2019 at 9:41 am </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> The keywords meta tag has negligible (if any) impact on SEO these days. Your time is better spent elsewhere. If your CMS adds it automatically, cool. If not, I wouldn’t waste too much time adding it. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> </ol> <!-- .children --> </li> <!-- #comment-## --> <li id="comment-176475" class="comment even thread-odd thread-alt depth-1"> <article id="div-comment-176475" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/ddafc17242b1accf3368a42fbefd3788?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/ddafc17242b1accf3368a42fbefd3788?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://www.quicken-phone-support.com/" rel="external nofollow ugc" class="url"> Sofia Lee </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-176475"> <time datetime="2019-01-10T14:16:53+02:00"> January 10, 2019 at 2:16 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Nice information, thanks for sharing </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> <li id="comment-190331" class="comment odd alt thread-even depth-1"> <article id="div-comment-190331" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/72e86aa081eda6ba71474cc0a3c9c368?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/72e86aa081eda6ba71474cc0a3c9c368?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> Liam Lynch </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-190331"> <time datetime="2019-03-04T23:38:32+02:00"> March 4, 2019 at 11:38 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Why are you calling elements and attributes tags? </p> <p> Title tag: “ <- useless. <br /> Title element: `This is my page title` <- useful. </p> <p> Alt tag: “ <- no such thing in HTML. <br /> Alt attribute: “ <- useful. </p> <p> Perhaps learning the anatomy of HTML will also help SEO. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> <li id="comment-202788" class="comment even thread-odd thread-alt depth-1"> <article id="div-comment-202788" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/32a71583434678536bf9ac9d939723d5?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/32a71583434678536bf9ac9d939723d5?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://www.paisowala.com/" rel="external nofollow ugc" class="url"> Bhashkaranand Joshi </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-202788"> <time datetime="2019-04-17T15:17:24+03:00"> April 17, 2019 at 3:17 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Fingers cross. Thanks for this awesome case study. Seems I’m on the right path. </p> <p> Shared your article. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> <li id="comment-207760" class="comment odd alt thread-even depth-1"> <article id="div-comment-207760" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/d4b59d01ce36d01bf41b75cd2209bd7b?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d4b59d01ce36d01bf41b75cd2209bd7b?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://showboxnews.com/" rel="external nofollow ugc" class="url"> Mike </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-207760"> <time datetime="2019-05-21T19:12:19+03:00"> May 21, 2019 at 7:12 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> This is a great case study. Looks like doing everything right. Let’s hope Google doesn’t come up with any change in algorithms. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> <li id="comment-213037" class="comment even thread-odd thread-alt depth-1"> <article id="div-comment-213037" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/b2ef9dab5547d8949f678369e74dcf1f?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/b2ef9dab5547d8949f678369e74dcf1f?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> Saane </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-213037"> <time datetime="2019-06-26T21:00:00+03:00"> June 26, 2019 at 9:00 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Thanks Ashok, <br /> No-one has really explained metatags the way you have. I needed this information to help me on improving the SEO in my website. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> <li id="comment-220314" class="comment odd alt thread-even depth-1"> <article id="div-comment-220314" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/0a59dc9034943ecba8133badf1472914?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/0a59dc9034943ecba8133badf1472914?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://xendup.com/" rel="external nofollow ugc" class="url"> Jacob </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-220314"> <time datetime="2019-08-08T22:09:33+03:00"> August 8, 2019 at 10:09 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Thanks, mate. That’s good content.t, At last, found something to educate my client </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> <li id="comment-234331" class="comment even thread-odd thread-alt depth-1"> <article id="div-comment-234331" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/f3ce67b0238b561eeef670d548ac4334?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/f3ce67b0238b561eeef670d548ac4334?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="http://digitalbuiz.com/" rel="external nofollow ugc" class="url"> Sara </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-234331"> <time datetime="2019-10-08T21:28:17+03:00"> October 8, 2019 at 9:28 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> After reading this post I have changed some of my blog post title and descriptions.. Let’s see what happens.. By the way great detailed article with high value. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> <li id="comment-243829" class="comment odd alt thread-even depth-1"> <article id="div-comment-243829" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/f29ab8a867d6af332817d2272d3861d5?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/f29ab8a867d6af332817d2272d3861d5?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="http://bestdemataccountindia.com/" rel="external nofollow ugc" class="url"> Broker </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-243829"> <time datetime="2019-11-11T06:35:35+02:00"> November 11, 2019 at 6:35 am </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Hi Ashok, </p> <p> Most important in this tags is canonical tag . I had suffered a lot for not using it properly previosuly </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> <li id="comment-379097" class="comment even thread-odd thread-alt depth-1"> <article id="div-comment-379097" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/c65e4ab9969b89215a7d5ef33893daf3?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/c65e4ab9969b89215a7d5ef33893daf3?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> Gabriel Petrovay </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-379097"> <time datetime="2020-08-30T18:07:59+03:00"> August 30, 2020 at 6:07 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Hi Ashok! </p> <p> The meta example in the social media tag screnshot are not matching neither your description, nor the Twitter meta tag specification. (They should use the “name” attribute of the meta tag.) </p> <p> Cheers, <br /> Gabriel </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> <li id="comment-630971" class="comment odd alt thread-even depth-1 parent"> <article id="div-comment-630971" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/790176dd297d6097a927738ff3bf4c43?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/790176dd297d6097a927738ff3bf4c43?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://ebetterbooks.com/owners-equity/" rel="external nofollow ugc" class="url"> Elena James </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-630971"> <time datetime="2022-01-18T09:41:08+02:00"> January 18, 2022 at 9:41 am </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Thanks for sharing the fantastic post about the importance of Meta tags for websites. Just wondering do AMP pages need title tags and meta descriptions or are they pulled from the canonicalized page? </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> <ol class="children"> <li id="comment-631431" class="comment even depth-2"> <article id="div-comment-631431" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/44ef4d50895cdd91c62c42acc837bdeb?s=60&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/44ef4d50895cdd91c62c42acc837bdeb?s=120&d=mm&r=g 2x' class='avatar avatar-60 photo' height='60' width='60' loading='lazy'/> <b class="fn"> <a href="https://www.gettrx.com/" rel="external nofollow ugc" class="url"> Ashok Sharma </a> </b> <span class="says"> says: </span> </div> <!-- .comment-author --> <div class="comment-metadata"> <a href="index-82.html#comment-631431"> <time datetime="2022-01-19T14:25:06+02:00"> January 19, 2022 at 2:25 pm </time> </a> </div> <!-- .comment-metadata --> </footer> <!-- .comment-meta --> <div class="comment-content"> <p> Elena, I am glad you found the content interesting. <br /> AMP pages will no longer be required after The Google Page Experience Update. <a href="https://searchengineland.com/amp-wont-be-required-for-googles-top-stories-section-335276" rel="nofollow ugc"> https://searchengineland.com/amp-wont-be-required-for-googles-top-stories-section-335276 </a> . My personal opinion is that you should focus only on the title tag when investing in AMP pages. </p> </div> <!-- .comment-content --> </article> <!-- .comment-body --> </li> <!-- #comment-## --> </ol> <!-- .children --> </li> <!-- #comment-## --> </ol> <!-- .comment-list --> <p class="no-comments"> Comments are closed. </p> </div> <!-- .comments-area --> <div class="post-comments-show" id="comments"> <button> View Comments (21) </button> </div> </div> </div> <section class="cs-custom-content cs-custom-content-post_content-after"> <div class="pk-subscribe-form-wrap pk-subscribe-form-block pk-subscribe-with-bg"> <div class="pk-subscribe-bg"></div> <div class="pk-subscribe-container pk-bg-overlay"> <div class="pk-subscribe-data"> <h3 class="pk-title"> Stay updated </h3> <p class="pk-subscribe-message"> Get email updates on exclusive tips, strategies, and original research that help you boost organic rankings for clients. </p> <form method="post" class="subscription"> <input type="hidden" name="list_id" value="76f824043c"> <div class="pk-input-group"> <input type="text" name="EMAIL" class="email form-control" placeholder="Enter your email"> <button class="pk-subscribe-submit" type="submit"> Subscribe </button> </div> <input type="hidden" name="_wp_http_referer" value="/meta-tags-important-in-seo/" /> </form> <div class="pk-privacy pk-color-secondary"> <label> <input name="pk-privacy" type="checkbox"> By checking this box, you confirm that you have read and are agreeing to our terms of use regarding the storage of the data submitted through this form. </label> </div> </div> </div> </div> <style> .pk-bg-overlay { background-color: #f8f9fa; } .pk-subscribe-form-wrap { margin-top: 3rem; } .pk-subscribe-form-wrap * { color : #222 !important; } .pk-input-group button { margin: 0 !important; color: #fff !important; } </style> </section> </article> <section class="post-archive archive-related"> <div class="archive-wrap"> <div class="title-block-wrap"> <h5 class="title-block"> You May Also Like </h5> </div> <div class="archive-main archive-grid archive-heading-medium archive-borders-enabled archive-shadow-enabled archive-scale-enabled"> <article class="entry-preview post-19062 post type-post status-publish format-standard has-post-thumbnail category-product-updates category-seo tag-advancedwebranking tag-advanced-web-ranking-report tag-awr tag-competitor-analysis tag-page-experience tag-reporting tag-search-engine-optimization tag-search-engine-ranking tag-search-ranking-reporting tag-search-rankings"> <div class="post-outer"> <div class="meta-category"> <a class="category-style" href="index-21.html"> <span style="background:#000000" class="char cs-bg-dark"> S </span> <span class="label"> Search Engine Optimization </span> </a> </div> <div class="post-inner"> <div class="entry-thumbnail"> <div class="cs-overlay cs-overlay-hover cs-bg-dark cs-overlay-ratio cs-ratio-landscape"> <div class="cs-overlay-background"> <img width="380" height="220" src="png/mobile-seo-guide-380x220.png" class="attachment-csco-thumbnail size-csco-thumbnail wp-post-image" alt="advanced web ranking blog, article header, woman and stats illustration" loading="lazy" /> </div> <div class="cs-overlay-content"> <span class="read-more"> Continue reading </span> <ul class="post-meta"> <li class="meta-reading-time"> <i class="cs-icon cs-icon-clock"></i> 4 minute read </li> </ul> </div> <a href="index-85.html" class="cs-overlay-link"></a> </div> </div> </div> <div class="post-inner"> <header class="entry-header"> <h2 class="entry-title"> <a href="index-85.html" rel="bookmark"> Page Experience and Search Rankings Reporting [with AWR] </a> </h2> <ul class="post-meta"> <li class="meta-author"> <span class="by"> by </span> <span class="author"> <a class="url fn n" href="index-86.html" title="View all posts by Dana Loiz"> Dana Loiz </a> </span> </li> <li class="meta-date"> July 6, 2021 </li> </ul> </header> <div class="entry-details"> <div class="entry-excerpt"> Learn how to integrate page experience and core web vitals monitoring into your search tracking workflow with AWR. </div> </div> </div> <!-- .post-inner --> </div> <!-- .post-outer --> </article> <article class="entry-preview post-17631 post type-post status-publish format-standard has-post-thumbnail category-product-updates category-seo tag-advancedwebranking tag-advanced-web-ranking-report tag-awr tag-awr-update tag-metrics tag-rank-tracking tag-seo-metrics tag-visibility-distribution"> <div class="post-outer"> <div class="meta-category"> <a class="category-style" href="index-21.html"> <span style="background:#000000" class="char cs-bg-dark"> S </span> <span class="label"> Search Engine Optimization </span> </a> </div> <div class="post-inner"> <div class="entry-thumbnail"> <div class="cs-overlay cs-overlay-hover cs-bg-dark cs-overlay-ratio cs-ratio-landscape"> <div class="cs-overlay-background"> <img width="380" height="220" src="png/pixel-position-article-380x220.png" class="attachment-csco-thumbnail size-csco-thumbnail wp-post-image" alt="advanced web ranking blog, article header, magnifying glass" loading="lazy" /> </div> <div class="cs-overlay-content"> <span class="read-more"> Continue reading </span> <ul class="post-meta"> <li class="meta-reading-time"> <i class="cs-icon cs-icon-clock"></i> 5 minute read </li> </ul> </div> <a href="index-106.html" class="cs-overlay-link"></a> </div> </div> </div> <div class="post-inner"> <header class="entry-header"> <h2 class="entry-title"> <a href="index-106.html" rel="bookmark"> Pixel Position and Visibility Distribution – Essential Metrics for Modern Rank Tracking </a> </h2> <ul class="post-meta"> <li class="meta-author"> <span class="by"> by </span> <span class="author"> <a class="url fn n" href="index-86.html" title="View all posts by Dana Loiz"> Dana Loiz </a> </span> </li> <li class="meta-date"> January 18, 2021 </li> </ul> </header> <div class="entry-details"> <div class="entry-excerpt"> Metrics available in Advanced Web Ranking for measuring search rankings, visibility in pixels - Pixel Position and Visibility Distribution. </div> </div> </div> <!-- .post-inner --> </div> <!-- .post-outer --> </article> <article class="entry-preview post-17410 post type-post status-publish format-standard has-post-thumbnail category-product-updates category-research-studies category-seo tag-click-through-rate tag-click-through-rates tag-clickthroughrate tag-clickthroughrates tag-ctr tag-featured-snippets tag-organic-ctr tag-serp-features"> <div class="post-outer"> <div class="meta-category"> <a class="category-style" href="index-21.html"> <span style="background:#000000" class="char cs-bg-dark"> S </span> <span class="label"> Search Engine Optimization </span> </a> </div> <div class="post-inner"> <div class="entry-thumbnail"> <div class="cs-overlay cs-overlay-hover cs-bg-dark cs-overlay-ratio cs-ratio-landscape"> <div class="cs-overlay-background"> <img width="380" height="220" src="png/serp-features-ctr-article-380x220.png" class="attachment-csco-thumbnail size-csco-thumbnail wp-post-image" alt="advanced web ranking blog, article header, hand illustration" loading="lazy" /> </div> <div class="cs-overlay-content"> <span class="read-more"> Continue reading </span> <ul class="post-meta"> <li class="meta-reading-time"> <i class="cs-icon cs-icon-clock"></i> 5 minute read </li> </ul> </div> <a href="index-99.html" class="cs-overlay-link"></a> </div> </div> </div> <div class="post-inner"> <header class="entry-header"> <h2 class="entry-title"> <a href="index-99.html" rel="bookmark"> How to Measure Your Organic CTR for 世界杯滚球平台 Features [with AWR] </a> </h2> <ul class="post-meta"> <li class="meta-author"> <span class="by"> by </span> <span class="author"> <a class="url fn n" href="index-86.html" title="View all posts by Dana Loiz"> Dana Loiz </a> </span> </li> <li class="meta-date"> October 29, 2020 </li> </ul> </header> <div class="entry-details"> <div class="entry-excerpt"> Find out which 世界杯滚球平台 features drive the most clicks to your website and what impact they have on your organic CTR. </div> </div> </div> <!-- .post-inner --> </div> <!-- .post-outer --> </article> </div> </div> </section> </main> </div> <!-- .content-area --> </div> <!-- .main-content --> </div> <!-- .cs-container --> </div> <!-- .site-content --> <footer id="colophon" class="site-footer"> <div class="footer-info"> <div class="cs-container"> <div class="site-info"> <div class="footer-col-info"> <div class="footer-title"> Advanced Web Ranking Blog </div> <div class="footer-copyright"> World's longest-standing rank tracking tool. </div> </div> <div class="footer-col-social"> <div class="pk-social-links-wrap pk-social-links-template-nav pk-social-links-align-default pk-social-links-scheme-bold-rounded pk-social-links-titles-disabled pk-social-links-counts-disabled pk-social-links-labels-disabled"> <div class="pk-social-links-items"> <div class="pk-social-links-item pk-social-links-twitter pk-social-links-no-count" data-id="twitter"> <a href="https://twitter.com/awebranking" class="pk-social-links-link" target="_self" rel="nofollow noopener" aria-label="Twitter"> <i class="pk-social-links-icon pk-icon pk-icon-twitter"></i> </a> </div> <div class="pk-social-links-item pk-social-links-youtube pk-social-links-no-count" data-id="youtube"> <a href="https://www.youtube.com/user/advancedwebranking" class="pk-social-links-link" target="_self" rel="nofollow noopener" aria-label="YouTube"> <i class="pk-social-links-icon pk-icon pk-icon-youtube"></i> </a> </div> <div class="pk-social-links-item pk-social-links-facebook pk-social-links-no-count" data-id="facebook"> <a href="https://facebook.com/AdvancedWebRanking" class="pk-social-links-link" target="_self" rel="nofollow noopener" aria-label="Facebook"> <i class="pk-social-links-icon pk-icon pk-icon-facebook"></i> </a> </div> <div class="pk-social-links-item pk-social-links-linkedin pk-social-links-no-count" data-id="linkedin"> <a href="https://www.linkedin.com/company/advanced-web-ranking" class="pk-social-links-link" target="_self" rel="nofollow noopener" aria-label="LinkedIn"> <i class="pk-social-links-icon pk-icon pk-icon-linkedin"></i> </a> </div> </div> </div> </div> <div class="footer-col-nav footer-col-nav-compact"> <nav class="navbar-footer"> <ul id="menu-footer-menu" class="navbar-nav"> <li id="menu-item-15875" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15875"> <a href="contact.html"> Contact </a> </li> <li id="menu-item-15876" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15876"> <a href="about.html"> Meet the team </a> </li> <li id="menu-item-15877" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15877"> <a href="https://help.advancedwebranking.com/en/"> Help center </a> </li> </ul> </nav> </div> </div> </div> </div> </footer> </div> </div> <!-- .site-inner --> </div> <!-- .site --> <a href="#top" class="pk-scroll-to-top"> <i class="pk-icon pk-icon-up"></i> </a> <div class="pk-mobile-share-overlay"></div> <script> var _SEARCHWP_LIVE_AJAX_SEARCH_BLOCKS = true; var _SEARCHWP_LIVE_AJAX_SEARCH_ENGINE = 'default'; var _SEARCHWP_LIVE_AJAX_SEARCH_CONFIG = 'default'; </script> <script type='text/javascript' src='js/public-powerkit-basic-elementscce7.js?ver=4.0.0' id='powerkit-basic-elements-js'></script> <script type='text/javascript' src='js/imagesloaded.mineda1.js?ver=4.1.4' id='imagesloaded-js'></script> <script type='text/javascript' src='js/glightbox.mind047.js?ver=2.6.7' id='glightbox-js'></script> <script type='text/javascript' id='powerkit-lightbox-js-extra'> /* <![CDATA[ */ var powerkit_lightbox_localize = {"text_previous":"Previous","text_next":"Next","text_close":"Close","text_loading":"Loading","text_counter":"of","single_image_selectors":".entry-content img,.single .post-media img","gallery_selectors":".wp-block-gallery, .gallery","exclude_selectors":"","zoom_icon":"true"}; /* ]]> */ </script> <script type='text/javascript' src='js/public-powerkit-lightboxd047.js?ver=2.6.7' id='powerkit-lightbox-js'></script> <script type='text/javascript' id='powerkit-opt-in-forms-js-extra'> /* <![CDATA[ */ var opt_in = {"ajax_url":"https:\/\/www.advancedwebranking.com/blog\/wp-admin\/admin-ajax.php","warning_privacy":"Please confirm that you agree with our policies."}; /* ]]> */ </script> <script type='text/javascript' src='js/public-powerkit-opt-in-formsd047.js?ver=2.6.7' id='powerkit-opt-in-forms-js'></script> <script type='text/javascript' src='js/public-powerkit-scroll-to-topd047.js?ver=2.6.7' id='powerkit-scroll-to-top-js'></script> <script type='text/javascript' src='js/public-powerkit-share-buttonsd047.js?ver=2.6.7' id='powerkit-share-buttons-js'></script> <script type='text/javascript' src='js/public-powerkit-table-of-contentsd047.js?ver=2.6.7' id='powerkit-table-of-contents-js'></script> <script type='text/javascript' id='rocket-browser-checker-js-after'> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i <props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script type='text/javascript' id='rocket-preload-links-js-extra'> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/wp-admin\/|\/logout\/|\/wp-login.php|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|php|pdf|html|htm","siteUrl":"https:\/\/www.advancedwebranking.com/blog","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type='text/javascript' id='rocket-preload-links-js-after'> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n <t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover> i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("index.html")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("index.html")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script type='text/javascript' src='js/colcadee480.js?ver=0.2.0' id='colcade-js'></script> <script type='text/javascript' src='js/ofi.mine5ca.js?ver=3.2.3' id='object-fit-images-js'></script> <script type='text/javascript' src='js/scripts001e.js?ver=2.0.0' id='csco-scripts-js'></script> <script type='text/javascript' id='swp-live-search-client-js-extra'> /* <![CDATA[ */ var searchwp_live_search_params = []; searchwp_live_search_params = {"ajaxurl":"https:\/\/www.advancedwebranking.com/blog\/wp-admin\/admin-ajax.php","origin_id":12862,"config":{"default":{"engine":"default","input":{"delay":300,"min_chars":3},"results":{"position":"bottom","width":"auto","offset":{"x":0,"y":5}},"spinner":{"lines":12,"length":8,"width":3,"radius":8,"scale":1,"corners":1,"color":"#424242","fadeColor":"transparent","speed":1,"rotate":0,"animation":"searchwp-spinner-line-fade-quick","direction":1,"zIndex":2000000000,"className":"spinner","top":"50%","left":"50%","shadow":"0 0 1px transparent","position":"absolute"}}},"msg_no_config_found":"No valid SearchWP Live Search configuration found!","aria_instructions":"When autocomplete results are available use up and down arrows to review and enter to go to the desired page. Touch device users, explore by touch or with swipe gestures."};; /* ]]> */ </script> <script type='text/javascript' src='js/script.min1f22.js?ver=1.6.2' id='swp-live-search-client-js'></script> <script type="text/javascript"> "use strict"; (function($) { $( window ).on( 'load', function() { // Each All Share boxes. $( '.pk-share-buttons-mode-rest' ).each( function() { var powerkitButtonsIds = [], powerkitButtonsBox = $( this ); // Check Counts. if ( ! powerkitButtonsBox.hasClass( 'pk-share-buttons-has-counts' ) && ! powerkitButtonsBox.hasClass( 'pk-share-buttons-has-total-counts' ) ) { return; } powerkitButtonsBox.find( '.pk-share-buttons-item' ).each( function() { if ( $( this ).attr( 'data-id' ).length > 0 ) { powerkitButtonsIds.push( $( this ).attr( 'data-id' ) ); } }); // Generate accounts data. var powerkitButtonsData = {}; if( powerkitButtonsIds.length > 0 ) { powerkitButtonsData = { 'ids' : powerkitButtonsIds.join(), 'post_id' : powerkitButtonsBox.attr( 'data-post-id' ), 'url' : powerkitButtonsBox.attr( 'data-share-url' ), }; } // Get results by REST 世界杯滚球平台. $.ajax({ type: 'GET', url: 'https://www.advancedwebranking.com/blog/wp-json/social-share/v1/get-shares', data: powerkitButtonsData, beforeSend: function(){ // Add Loading Class. powerkitButtonsBox.addClass( 'pk-share-buttons-loading' ); }, success: function( response ) { if ( ! $.isEmptyObject( response ) && ! response.hasOwnProperty( 'code' ) ) { // Accounts loop. $.each( response, function( index, data ) { if ( index !== 'total_count' ) { // Find Bsa Item. var powerkitButtonsItem = powerkitButtonsBox.find( '.pk-share-buttons-item[data-id="' + index + '"]'); // Set Count. if ( data.hasOwnProperty( 'count' ) && data.count ) { powerkitButtonsItem.removeClass( 'pk-share-buttons-no-count' ).addClass( 'pk-share-buttons-item-count' ); powerkitButtonsItem.find( '.pk-share-buttons-count' ).html( data.count ); } else { powerkitButtonsItem.addClass( 'pk-share-buttons-no-count' ); } } }); if ( powerkitButtonsBox.hasClass( 'pk-share-buttons-has-total-counts' ) && response.hasOwnProperty( 'total_count' ) ) { var powerkitButtonsTotalBox = powerkitButtonsBox.find( '.pk-share-buttons-total' ); if ( response.total_count ) { powerkitButtonsTotalBox.find( '.pk-share-buttons-count' ).html( response.total_count ); powerkitButtonsTotalBox.show().removeClass( 'pk-share-buttons-total-no-count' ); } } } // Remove Loading Class. powerkitButtonsBox.removeClass( 'pk-share-buttons-loading' ); }, error: function() { // Remove Loading Class. powerkitButtonsBox.removeClass( 'pk-share-buttons-loading' ); } }); }); }); })(jQuery); </script> <div style="text-align: center; padding: 10px;"> <a target='_blank' href='http://www.stpaulbaptist.org' > 2022电竞直播app下载网址 </a> <a target='_blank' href='http://www.australiameetings.com' > pc28加拿大开奖数据查询 </a> <a target='_blank' href='http://www.growingcannabis.org' > 澳门电竞直播最新网址 </a> <a target='_blank' href='http://www.plantingflowers.org' > 蚂蚁电竞(四川)查询下载v8.9版 </a> <a target='_blank' href='http://www.longhorncontainers.com' > dota2(新疆)最新版app新版v6.2 </a> <a target='_blank' href='http://www.embrace-stmarys.org' > lpl电竞官方观看正规 </a> </div> </body> </html> <!-- Insert SEOFOMO before the post's main title --> <script> const url = new URL(window.location-55.html); const seoFomoParam = url.searchParams.get('utm_source'); if (seoFomoParam && seoFomoParam.includes('SEOFOMO')) { const topHeroHead = document.querySelector('.entry-header-inner'); const div = document.createElement('div'); div.classList.add('container'); div.innerHTML = ` <div class='seofomo-banner'> <div class='media'> <div class='media__right'> <img width='314' height='289' src='/assets/img/seofomo/seofomo.png' class='media__object img--responsive'> </div> <div class='media__body'> <div class='h3'> 👋 Hey there, #SEOFOMO reader! </div> <p class='lead'> We know you like SEO awesomeness so we teamed up with Aleyda, to help you enhance your multilingual SEO strategy with a robust tool, optimized for rank tracking and research on 172 international search markets. </p> <a href='https://app.advancedwebranking.com/signup.php?promo=newsletter' class='button'> Start 60 day extended Free trial </a> </div> </div> </div> `; topHeroHead.prepend(div) } </script> <style> .seofomo-banner { background: linear-gradient(45deg, #ffe8b1, #ffe1ff); color: #222; text-shadow: none; border-radius: 10px; padding: 2rem; margin-bottom: 2rem } .seofomo-banner .h3, .seofomo-banner p { color: #121416; } .seofomo-banner .button { color: #fff; } .seofomo-banner .media { align-items: center } .seofomo-banner [class^="media__"] img { border-radius: 0 } @supports (display: flex) { .media { display:flex } .media__left { order: 0 } .media__right { order: 1 } @media screen and (max-width: 1024px) { .media { flex-direction:column } .media__left,.media__right { align-self: center; margin-bottom: 1rem } } } </style> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->