The best Blogger Meta Tags compatible with SEO 2024
Installing the best Blogger meta tag codes is an absolute necessity for every blogger or publisher on the web, as it is the link that enables the search engines Google Search, Bing, Yahoo, and others to correctly recognize the content of your website in order to evaluate the quality of the content and thus obtain a good ranking in the search results.
Of course, there are many types of Meta tags, and their quality varies according to the experience of the web developer who designed the interface that you are using. Meta tag codes usually come integrated by default if you are using one of the paid Blogger templates .
However, with Google's updates and the continuous changes in the artificial intelligence mechanisms of search spiders, you, as a content creator, will need to always keep up with the changes and install new Meta Tag codes that suit the requirements of the applicable standards.
Explain what are Meta Tag codes?
Meta Tag codes are software elements based on the HTML language that are installed at the head of the page under a tag <head> on websites. Meta Tag codes provide information about your site to search engine spiders and are necessary to improve the sites’ SEO and obtain a good ranking in the results on Google.
Information provided by meta tag codes to search spiders
When you install Meta Tags on your Blogger blog, the meta tags provide all the detailed information to the search engine about your blog or site, which is as follows:
- The name and address of your website.
- The URL of the post to be archived.
- The language of the site used and the geography to which it belongs.
- Open Graph codes for social media spiders.
- The colors you use in the template on your Blogger blog.
- View Port code to specify the appropriate page link type (m=1) for both desktop and mobile devices.
- Links to the official social accounts affiliated with your site.
- The mini Favorite Icon that appears next to the title in search results.
- Target keywords on your blog or website.
- The quality and classification of the content you publish.
- Archive of static posts and pages.
Installing the best Meta Tag Codes for Blogger
In order to install Blogger meta tag codes on your template, you will first need to verify that the template you are using does not have any pre-installed codes, and if there are any, remove theme and replace theme with the best professional Meta Tags codes 2024 that we will explain to you.
Search between the tags
<head>and<b:skin>remove any meta tags in the middle and then place the new meta tags in the same place.
How to add meta tag codes to your blog
Step 1: Go to Blogger control panel.
Step 2: In the side menu, click Appearance.
Step 3: Click the arrow next to Customization. HTML has been modified.
Step 4: Place the following codes directly under a tag <head> and make sure to remove any previous codes as we explained above.
<!-- Title -->
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> - <data:blog.title/>
<b:else/>
404 - <data:blog.title/>
</b:if>
</b:if>
<b:if cond='data:view.isSingleItem or data:view.isHomepage'><b:elseif cond='data:view.isSearch'/><b:if cond='data:view.search.label'> - <data:blog.title/><b:elseif cond='data:view.search.query'/> - <data:messages.search/> <data:messages.at/> <data:blog.title/><b:else/><data:messages.latestPosts/> - <data:blog.title/></b:if><b:elseif cond='data:view.isArchive'/><data:messages.archive/> <data:blog.pageName/> - <data:blog.title/></b:if>
</title>
<!-- [ Cach ] -->
<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 for browser ]-->
<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='max-image-preview:large' name='robots'/>
<meta content='Your Facebook page ID' property='fb:page_id'/>
<meta content='Facebook App ID (if available)' property='fb:admins'/>
<meta content='@Your Twitter account name' name='twitter:site'/>
<meta content='@Your Twitter account name' name='twitter:creator'/>
<b:if cond='data:view.isSingleItem'>
<meta content='Your Facebook page link' property='article:publisher'/>
<meta content='Your Facebook page link again' property='article:author'/>
</b:if>
<meta expr:content='data:view.description.escaped' name='description'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta expr:content='"ar_AR"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title' name='copyright'/>
<meta expr:content='data:blog.blogId' name='BlogId'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:view.url.canonical' rel='canonical'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<b:eval expr='data:blog.openIdOpTag'/>
<b:eval expr='data:blog.feedLinks'/>
<!--OPEN GRAPH-->
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<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.postImageThumbnailUrl' property='og:image'/>
<b:else/>
</b:if>
</b:if>
<b:else/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='website' property='og:type'/>
<meta content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<!-- Twitter Card-->
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.url' name='twitter:url'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='twitter:description'/>
</b:if>
<b:if cond=' data:blog.postImageUrl'>
<meta expr:content=' data:blog.postImageUrl' name='twitter:image'/>
</b:if>
<!-- DNS Prefetech -->
<meta content='on' http-equiv='x-dns-prefetch-control'/>
<link href='//www.blogger.com' rel='dns-prefetch'/><link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//28.2bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/><link href='//use.fontawesome.com' rel='dns-prefetch'/><link href='//ajax.googleapis.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//www.facebook.com' rel='dns-prefetch'/><link href='//twitter.com' rel='dns-prefetch'/><link href='//www.youtube.com' rel='dns-prefetch'/><link href='//feedburner.google.com' rel='dns-prefetch'/><link href='//www.pinterest.com' rel='dns-prefetch'/><link href='//www.linkedin.com' rel='dns-prefetch'/><link href='//feeds.feedburner.com' rel='dns-prefetch'/><link href='//platform.twitter.com' rel='dns-prefetch'/><link href='//apis.google.com' rel='dns-prefetch'/><link href='//connect.facebook.net' rel='dns-prefetch'/><link href='//c.disquscdn.com' rel='dns-prefetch'/><link href='//disqus.com' rel='dns-prefetch'/><link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/><link href='//www.google-analytics.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/><link href='//www.gstatic.com' rel='preconnect'/><link href='//www.googletagservices.com' rel='dns-prefetch'/><link href='//static.xx.fbcdn.net' rel='dns-prefetch'/><link href='//tpc.googlesyndication.com' rel='dns-prefetch'/><link href='//syndication.twitter.com' rel='dns-prefetch'/>
<!-- end meta tags -->Step 5: Change the boxes marked in blue in the meta tag codes, fill them with your website information, and click Save after finishing.
Tips to follow to comply with SEO standards
Title length: Google prefers blogs that contain a descriptive title that explains the scope of the site, and it is recommended that the length of the title be between 18 and 64 characters maximum.
Search Description: An excerpted paragraph that must contain a complete and detailed explanation of the type of content you are providing, with a maximum of 150 characters.
Domain site link: This is the domain of your site and must express the niche, for example: car.com if you write content about cars.
Sitemap files: You must submit the necessary sitemap.xml files to Google Search Console to make it easier for Google search spiders to crawl your blog and archive it.
Robots.txt file: It is necessary to provide a custom robot text file for your site, and if you do not know its benefits and how to use it, see the method of creating a custom robot text file that we explained previously.
The best Meta Tags codes: You must ensure that the interface you use on your blog is equipped with the latest and best Meta Tags codes available in Blogger that are compatible with crawling and archiving requirements.
How to check the quality of the Meta Tag codes used
If you own a website and want to know how good the meta tags you are using on your blog are, we advise you to use SEO Check for careful examination.
- Go to the Seobility website .
- Put the URL link to your site in the designated box.
- Click Analyze website to start the test.
After completing the quality check of the Meta Tag codes, scroll the page a little down and you will notice a certain percentage of Meta Information, if you find it (100%). This is good and means that the Meta Tag Codes provide all the information required to improve your SEO on search engine results.
Otherwise, here ends the explanation of installing meta tag codes on the Blogger blog. I hope that the explanation has been useful to you. Share with us your questions or problems you encountered in the comments.
بزوكا سوفت
بزوكا سوفت موقع ويب متخصص في مجال الشروحات التقنية والتطبيقات والألعاب المجانية.
