Meta Tag Seo Friendly and Valid HTML5



This time I will answer questions that have been asked by blogger friends, namely about how to fill in the x.x.x.x.x code that I add to the templates that I share.


Maybe among blogger friends there are still those who don't understand this meta tag, well here I will explain a little about the meta tags in the blogger template.

Meta tags are one of the optimizations on blogs so that the blogs and articles that we post have a clear identity. So that the blog will be more easily searched by search robots such as Google, Bing, or other search tools and will be easier to rank on the SERP (search engine results page) .

The meta tag function basically consists of several important elements including:

Meta description tag

Meta description tag is used to provide an overview of the contents of your blog page. The recommended size is no more than 200 characters. And try so that this description can be:

<meta content='HERE ADD YOUR CONTENT DESCRIPTION'  name='description'/>

Meta tag keywords

Meta tag keywords are very important, because it determines what keywords can find blog pages on search engines.

<meta content="TAG WORD 1, TAG WORD 2, TAG WORD 3,... name="keywords"/>

The robots meta tag

The main purpose of using the robots meta tag is to determine which blog pages will be indexed by search and which blog pages will not be searched. This tag is very useful, especially if a blog uses frames for navigation.

<meta content="index follow" name="robots"/>

These three meta tag components, when combined, look like this:

<meta content='HERE ADD YOUR CONTENT DESCRIPTION' name='description'/>
                    <meta content='TAG WORD 1, TAG WORD 2, TAG WORD 3...' name='keywords'/>
                    <meta content='index, follow' name='robots'/>

Well, after you know the functions and some basic components that you must apply to your blog template. Now I will explain one by one the xxxxx code which is often found in the templates that I share.

Meta Tag Seo Friendly dan Valid HTML5


Here I will share an example of the Seo Friendly and Valid HTML5 meta tags that I use in the latest version of the Simplify 2 template as well as my blogger friend's answer on how to remove the blog title when sharing articles on social media. You can put the code below under the opening tag <head>or before it</head>

<!-- [ Meta Tag SEO ] -->
                    <include expiration='7d' path='*.css'/>
                    <include expiration='7d' path='*.js'/>
                    <include expiration='3d' path='*.gif'/>
                    <include expiration='3d' path='*.jpeg'/>
                    <include expiration='3d' path='*.jpg'/>
                    <include expiration='3d' path='*.png'/>
                    <meta charset='utf-8'/>
                    <meta content='width=device-width, initial-scale=1' name='viewport'/>
                    <meta content='blogger' name='generator'/>
                    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
                    <link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
                    <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
                    <link expr:href='data:blog.url' rel='canonical'/>
                    <b:if cond='data:blog.pageType == &quot;index&quot;'>
                    <title><data:blog.pageTitle/></title>
                    <b:else/>
                    <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
                    <title><data:blog.pageName/> - <data:blog.title/></title>
                    </b:if></b:if>
                    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
                    <title>Page Not Found - <data:blog.title/></title>
                    </b:if>
                    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                    <meta content='noindex' name='robots'/>
                    </b:if>
                    <b:if cond='data:blog.searchLabel'>
                    <meta content='noindex,nofollow' name='robots'/>
                    </b:if>
                    <b:if cond='data:blog.isMobile'>
                    <meta content='noindex,nofollow' name='robots'/>
                    </b:if>
                    <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
                    <meta expr:content='data:blog.metaDescription' name='description'/>
                    <script type='application/ld+json'>{ &quot;@context&quot;: &quot;https://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
                    <b:if cond='data:blog.homepageUrl != data:blog.url'>
                    <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
                    </b:if></b:if>
                    <b:if cond='data:blog.url == data:blog.homepageUrl'>
                    <meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
                    <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
                    <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
                    <link expr:href='&quot;https://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                    <b:if cond='data:blog.postImageThumbnailUrl'>
                    <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
                    </b:if></b:if>
                    <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
                    <link href='/favicon.ico' rel='icon' type='image/x-icon'/>
                    <link href='https://www.blogger.com/profile/IDAKUNANDA' rel='publisher'/>
                    <link href='https://www.blogger.com/profile/IDAKUNANDA' rel='author'/>
                    <link href='https://www.blogger.com/profile/IDAKUNANDA' rel='me'/>
                    <meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
                    <meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
                    <meta content='Indonesia' name='geo.placename'/>
                    <meta content='NAMA-ADMIN' name='Author'/>
                    <meta content='general' name='rating'/>
                    <meta content='id' name='geo.country'/>
                    <!-- [ Social Media Meta Tag ] -->
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                    <meta expr:content='data:blog.pageName' property='og:title'/>
                    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
                    <meta content='article' property='og:type'/>
                    </b:if>
                    <meta expr:content='data:blog.title' property='og:site_name'/>
                    <b:if cond='data:blog.url == data:blog.homepageUrl'>
                    <meta expr:content='data:blog.metaDescription' name='description'/>
                    <meta expr:content='data:blog.title' property='og:title'/>
                    <meta content='website' property='og:type'/>
                    <b:if cond='data:blog.metaDescription'>
                    <meta expr:content='data:blog.metaDescription' property='og:description'/>
                    <b:else/>
                    <meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
                    </b:if>
                    </b:if>
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                    <meta expr:content='data:blog.metaDescription' property='og:description'/>
                    </b:if>
                    <b:if cond='data:blog.postImageUrl'>
                    <meta expr:content='data:blog.postImageUrl' property='og:image'/>
                    <b:else/>
                    <b:if cond='data:blog.postImageThumbnailUrl'>
                    <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
                    <b:else/>
                    <meta content='https://1.bp.blogspot.com/-aKZzSAygVKk/VYPkX_nAwrI/AAAAAAAACeo/cgQTs8nR5Rg/s1600/Arlina%2BLogo.png' property='og:image'/>
                    </b:if>
                    </b:if>
                    <meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
                    <meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
                    <meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
                    <meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
                    <meta content='en_US' property='og:locale'/>
                    <meta content='en_GB' property='og:locale:alternate'/>
                    <meta content='id_ID' property='og:locale:alternate'/>
                    <meta content='summary' name='twitter:card'/>
                    <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
                    <meta content='USER-TWITTER' name='twitter:site'/>
                    <meta content='USER-TWITTER' name='twitter:creator'/>
                    <meta content='summary_large_image' name='twitter:card'/>
                    <link href='//ajax.googleapis.com' rel='dns-prefetch'/><link href='//www.google-analytics.com' rel='dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/><link href='//www.googletagservices.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/><link href='//adservice.google.ca' rel='dns-prefetch'/><link href='//adservice.google.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//fonts.googleapis.com' rel='dns-prefetch'/><link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//disqus.com' rel='dns-prefetch'/><link href='//github.com' rel='dns-prefetch'/><link href='//cdn.jsdelivr.net' rel='dns-prefetch'/><link href='//fontawesome.com' rel='dns-prefetch'/><link href='//www.sharethis.com' rel='dns-prefetch'/>

Information


ScoreInformation
DESCRIPTION-BLOGFilled with blog description or keywords
USER-BLOGGERFilled with blog user ID, example: https://www.blogger.com/profile/07405635929635938311
CODE-VALIDATION-GOOGLE-WEBMASTERFilled with Google validation code in Search Console
CODE-VALIDATION-BING-WEBMASTERFilled with Bing Webmaster validation code *
NAME-ADMINFill in the author's name
id and IndonesiaFill in the country code of the location where your blog is published
PROFIL-FACEBOOKFill in with your friend's Facebook profile link
FAN-PAGE-FACEBOOKFill with the Facebook Fan Page link
CODE-APPLICATION-FACEBOOKFill in the Facebook App code, you can make it onhttps://developers.facebook.com
CODE-ADMIN-FACEBOOKFill in your friend's Facebook profile code, get it onhttps://findmyfbid.com
USER-TWITTERFill in your Twitter username

* = Delete if not used

Re-adjust the description in your template by placing the meta tag above or simply replace the existing meta tag with this meta tag. That's about Seo Friendly and Valid HTML5 Meta Tags . Hopefully helpful, and thank you.
Read Also :