Have you ever heard the term Meta Tags? For some bloggers, especially those who are already professional, meta tags are things that need to be considered because they are an influencing factor in SEO matters.
You need to know, meta tags are a set of HTML code that is used to provide information in the form of metadata that is used to help Google robots find data and analyze web pages.
Meta tags are part of blog optimization to give identity to blog pages and their articles to be displayed on search engine pages such as Google, Bing, and other search engines.
Well, this discussion is about how to add SEO Friendly Meta Tags, but before that, let's first discuss the basic functions and their important elements.
Meta Tags Title
Meta Tag Title is a type of meta tag that is used to provide information about page titles on Google robots. After that, the page that has been given a title in this title meta tag will then be displayed in the SERP.
Title Meta Tag Code
<title>Enter your blog title</title>Meta Tags Description
Meta Tag Description is a Meta Tag that is used to provide a brief description of web pages. Because the description that will be displayed in the SERP is short, it is recommended to make a short description with a total of 130 words and a maximum of 230 words.
Description Meta Tags Code
<meta name="description" content="Enter a short description of your blog" />Meta Tags Keywords
This keyword meta tag is no longer used. But, as knowledge only, this Keyword Meta Tag is used to provide keywords on web pages. In the past, this meta tag was very useful for displaying our website pages in search engines with certain keywords that we had targeted. The use of meta keyword tags is now considered Keyword Stuffing and is dangerous for SEO quality.
Keyword Meta Tag Code
<meta content=’keyword1, keyword2, keyword3, name='keywords'/>SEO Friendly Valid HTML5 Meta Tags for Blogger
Below is a Meta Tag code that has the advantage of being SEO friendly. This Meta Tag has also been widely used and applied to new blogger templates. Please add the code below and place it after the <head> code or before </head>.
<!-- [ 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='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='BLOG-DESCRIPTION' 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='xxx' rel='publisher'/>
<link href='xxx' rel='author'/>
<link href='xxx' rel='me'/>
<meta content='GOOGLE-WEBMASTER-VALIDATION-CODE' name='google-site-verification'/>
<meta content='BING-WEBMASTER-VALIDATION-CODE' name='msvalidate.01'/>
<meta content='India' name='geo.placename'/>
<meta content='ADMIN-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdIRwoUJVr_EEN2vcbomIHhE4m_qil8vsONAq10zHlFlwm-dBzsoriN2gvBBH5AtdCJoqRkUPQkGYY3IUT0uHjtz_3NtuUe01-jrbMJsBpiESFAfoYrKwhmg_Z6d7co3Hoc0Q2_F6pYve9/s1600/TelecomYaarLogo.jpg' 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='FACEBOOK-APPLICATION-CODE' property='fb:app_id'/>
<meta content='FACEBOOK-ADMIN-CODE' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='in_EN' 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'/>In the next stage, please readjust the meta tag code above to the needs of your blog site.
That's the discussion about SEO Friendly Meta Tags for Blogger, hopefully, it will be useful for you.