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 descriptionMeta 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 tagKeyword 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 robotsThe 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 TagsHere 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 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 == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<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 != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESCRIPTION OF BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<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/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' 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='geo.country'/>
<b:if cond='data:blog.pageType == "item"'>
<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='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<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='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'/>
Information| Value | Information |
|---|
| DESCRIPTION OF BLOG | Filled with description or keyword of the blog |
| USER-GOOGLE-PLUS | Filled with Google+ admin blog link, for example: + WiendhyWianaOK |
| CODE-VALIDASI-GOOGLE-WEBMASTER | Filled with Google validation code in Search Console |
| CODE-VALIDASI-BING-WEBMASTER | Filled with Bing Webmaster validation code * |
| ADMIN-NAME | Fill in the name of the author |
| eg dan English | Fill in the country code where the blog is published |
| PROFIL-FACEBOOK | Fill with your Facebook profile link |
| FAN-PAGE-FACEBOOK | Fill in with the Facebook Fan Page link |
| CODE-APLIKASI-FACEBOOK | Fill in the Facebook App code, can be made at https://developers.facebook.com |
| CODE-ADMIN-FACEBOOK | Fill in your Facebook profile code, get it at http://findmyfbid.com |
| USER-TWITTER | Fill in your Twitter user name |
* = Delete if not in useRe-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.
