HTML5 Seo Friendly and Valid Meta Tags

HTML Tag Seo Friendly and Valid HTML5 - This time I will answer the question that was asked by blogger friends about how to fill in the xxxxx code that I added to the templates I shared.

Maybe some bloggers still don't understand the meta tag, so here I will explain a little about the meta tag in the blogger template.

Meta tags are one of the optimizations on blogs so that the blogs and articles we post have a clear identity. So that blogs will be easier to track search robots like in Google, Bing, or other search tools and will be easier to sort in SERP (search engine results page).

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

Meta tag description

Meta tag description is used to provide an overview of the contents of your blog page. The size is recommended no more than 200 characters. And make sure that this description can be:
<meta content='Write a description here'  name='description'/>
Meta keyword tag

Keyword Meta tags are very important because they determine what keywords can find blog pages on search engines.
<meta content="keyword 1, keyword 2, keyword 3,... name="keywords"/>
Meta tag robots

The main purpose of using robots meta tags is to determine which blog pages will be indexed by searches 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"/>
The three components of the meta tag if combined, the form is as below:
<meta content='Write a description here' name='description'/>
<meta content='keyword 1, keyword 2, keyword 3 ...' name='keywords'/>
<meta content='index, follow' name='robots'/>
Well, after you know the function and some basic components that you have to apply to the blog template. Now I will explain one by one in the xxxxx code that is often found in the template that I share.

HTML5 Seo Friendly and Valid Meta Tags

Here I will share examples of HTML5 Seo Friendly and Valid meta tags that I use on the latest version of the Simplify 2 template as well as the answers of bloggers about how to remove blog titles when sharing articles to social media. The code below can be installed under the opening <head> or before </head> tag

<!-- [ Meta Tag SEO ] -->
<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='' 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;'>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
<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;;, &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 cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESCRIPTION OF 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;; + 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'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='' rel='publisher'/>
<link href='' rel='author'/>
<link href='' rel='me'/>
<meta content='CODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='CODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='English' name='geo.placename'/>
<meta content='ADMIN-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='eg' name=''/>
<!-- [ 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'/>
<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'/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<meta content='' property='og:image'/>
<meta content='' property='article:author'/>
<meta content='' property='article:publisher'/>
<meta content='CODE-APPLICATION-FACEBOOK' property='fb:app_id'/>
<meta content='CODE-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'/>


DESCRIPTION OF BLOGFilled with description or keyword of the blog
USER-GOOGLE-PLUSFilled with Google+ admin blog link, for example: + WiendhyWianaOK
CODE-VALIDASI-GOOGLE-WEBMASTERFilled with Google validation code in Search Console
CODE-VALIDASI-BING-WEBMASTERFilled with Bing Webmaster validation code *
ADMIN-NAMEFill in the name of the author
eg dan EnglishFill in the country code where the blog is published
PROFIL-FACEBOOKFill with your Facebook profile link
FAN-PAGE-FACEBOOKFill in with the Facebook Fan Page link
CODE-APLIKASI-FACEBOOKFill in the Facebook App code, can be made at
CODE-ADMIN-FACEBOOKFill in your Facebook profile code, get it at
USER-TWITTERFill in your Twitter user name

* = Delete if not in use
Re-adjust the xxxxx code in your template with the placement of the meta tag above or simply replace the existing meta tag with this meta tag. So about HTML5 Seo Friendly and Valid Meta Tags. Hopefully helpful, and thank you.

Post a Comment

Previous Post Next Post