Meta Tag SEO Friendly and Valid HTML 5


Meta tag keywords are very important because they help search engines find relevant blog pages based on specific keywords.

This time, I will address questions asked by fellow bloggers regarding how to fill in the x.x.x.x.x code that needs to be added to the templates I share. Some bloggers may not fully comprehend this meta tag, so I will provide a brief explanation about meta tags in blogger templates.


Meta tags are a form of optimization for blogs, ensuring that our blogs and articles have a distinct identity. This helps search engines like Google, Bing, and other search tools to easily find and rank our blog on the search engine results page (SERP). By utilizing meta tags, our blog becomes more accessible and discoverable to search robots, enhancing its visibility and potential reach.

The basic function of meta tags encompasses several important elements, including:

Meta Description Tag

"The meta description tag is used to provide a brief summary of the content on your blog page. It is recommended to keep the description within 200 characters. Make sure the description reflects the main topic, includes relevant keywords, highlights unique value, and encourages users to click and explore further."

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

Meta Tag Keywords

Meta tag keywords play a crucial role as they determine which keywords can help search engines discover blog pages.
<meta content="TAG WORD 1, TAG WORD 2, TAG WORD 3,... name="keywords"/>

The Robots Meta Tag

The primary purpose of utilizing the robots meta tag is to control the indexing of blog pages by search engines. It allows you to specify which pages should be indexed and which pages should be excluded from search results. This tag becomes particularly valuable when a blog employs frames for navigation, as it helps ensure that search engines properly handle and index the content.

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

These three META TAGS 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'/>

Meta Tag SEO Friendly dan Valid HTML 5

Below is an example of the SEO-friendly and valid HTML5 meta tags used in the latest version of the Simplify 2 template. Additionally, I will include the answer provided by a fellow blogger on how to remove the blog title when sharing articles on social media. You can place the code either under the opening <head> tag or before the closing </head> tag.

<!-- [ 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='' 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='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;; + 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='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=''/>
                    <!-- [ 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='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='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/><link href='//' rel='dns-prefetch'/>


DESCRIPTION-BLOGFilled with blog description or keywords
USER-BLOGGERFilled with blog user ID, example:
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 on
CODE-ADMIN-FACEBOOKFill in your friend's Facebook profile code, get it on
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.

Post a Comment

Welcome to Jehangir Khan's Tech Blog! We're thrilled to have you join the conversation. Your comments and feedback are valuable to us and help us create a community of tech enthusiasts who share ideas and insights. We encourage you to share your thoughts related to the post and engage in a respectful and meaningful conversation with others. Please refrain from spamming or promoting your own content in the comments section. We also ask that you avoid using inappropriate language or attacking others. Please note that all comments will be reviewed before they are posted, and we reserve the right to remove any comments that violate our policies. Let's explore the world of technology together and inspire each other to achieve our goals!

Previous Post Next Post