Don't Miss!!

Tuesday, 20 June 2017

Seo Friendly and Valid HTML5 Meta Tags

How to create a powerful SEO meta tag for blogspot - meta tags? Most bloggers wouldn't know what meta tags means and their important but just make you understand, actually the function of meta tags is generally to provide information in form of metadata associated with html and xhtml based on its functions. Let's go a head and break things down a little better for more understanding.

Meta tags is one of optimization methods used to identify blog posts and articles in search engine. n other words you posts will be more easily traced in the browser/search engine such as Google, Bing, or other search tool and therefore will be more easily sorted in the SERP (search engine results page).

The function of the meta tag basically consists of several key elements such as:

  • Meta tag description Meta description tag is used to give a general overview of the contents of your blog page. The characters should not be more than 200 characters. See code below.

<meta content='Enter Your Blog Description Here'  name='description'/>

  • Meta tag keywords meta tag keywords are very important to define and determine what keywords can be found on your page in search engines. It also good for Adsense optimization.

<meta content="Enter Keywords Here'' name="keywords"/>
  • Meta tag robots The main function of robots tag use is to determine which and where the blog pages will be indexed in search engines. This tag is very useful especially if a blog uses frames for navigation.
<meta content="index follow" name="robots"/>
Now combining the three code component mentioned above you get the one shown below:
<meta content='Enter Your Blog Description' name='description'/>
<meta content='Enter Keywords Here' name='keywords'/>
<meta content='index, follow' name='robots'/>
Okay with that well noted. Let's see how we can deal with the 'xxxx' value that you normally see in your blog template.

Meta Tags Seo Friendly and Valid HTML5

Since nowaday we have newly modified template, I will be using the example below to show you to change the code in your template, note that not all blog template will have the same feature but at least you should get an idea how to do it. Do not worry I will answer you questions when needed. The below code are installed after the opening tag <head> or before </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 content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>
<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='http://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;http://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='
BLOG-DESCRIPTION' 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;http://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://plus.google.com/
GOOGLE-PLUS-USER/posts' rel='publisher'/>
<link href='https://plus.google.com/
GOOGLE-PLUS-USER/about' rel='author'/>
<link href='https://plus.google.com/
GOOGLE-PLUS-USER' rel='me'/>
<meta content='
GOOGLE-WEBMASTER-VALIDATION-CODE' name='google-site-verification'/>
<meta content='
BING=WEBMASTER-VALIDATION-CODE' name='msvalidate.01'/>
<meta content='
Tanzania' name='geo.placename'/>
<meta content='
ADMIN-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='
tz' 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.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='
Put URL address of you blog logo here' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/
FACEBOOK-PROFILE' property='article:author'/>
<meta content='https://www.facebook.com/
FB-FUN-PAGE' property='article:publisher'/>
<meta content='
FB-APP-CODE' property='fb:app_id'/>
<meta content='
FB-ADMIN-CODE' 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'/>

Information- Use the table below to learn how to make changes in the meta tags

DETAILS TO CHANGEDESCRPITION EXPLAINED
BLOG-DISCRIPTIONDecription or Keyword of your blog
GOOGLE-PLUS-USERYour Google+ admin link e.g +amsamuel
GOOGLE-WEBMASTER-VALIDATION-CODEYour google validation code obtained from Search Console
BING=WEBMASTER-VALIDATION-CODEFill in your Bing validation code
ADMIN-NAMEFill the author's name
tzfill the country abbreviation code of where the blog is being published from. eg for Kenya is ke, Tanzania is tz.
FACEBOOK-PROFILEFill you facebook profile link
FB-FUN-PAGEFill you facebook fun page
FB-APP-CODEFil with facebook Application code: get it from https://developers.facebook.com
FB-ADMIN-CODEFill in with your facebook profile code: use http://findmyfbid.com
USER-TWITTERFill in with your twitter user name


N/B Delete the meta tag if not in use(optional) 

Re-customize the 'xxxx' value with your own value following the examples in the table above. Now that you are done and all set, tell me how you are doing I will be there to guide you step by step untill you get it right. Okay don't forget to share with friends too.

No comments:

Post a Comment