Search Engine Optimization is essential for a webpage to rank in the search results. But there is no such plugin feature available with Blogger blog. However, you can implement all the features of the Yoast SEO plugin in Blogspot. This article will discuss Yoast SEO features implementation and boost the on-Page SEO of the Blogger.
The following features Yoast SEO or Rank Math SEO plugin provides.
- Meta Tags for the website, For this, you can download our TezzBlog Blogger Theme or follow this guide to insert manually,
- Schema Markup data for the website – download our theme or follow this guide to insert manually,
- Generate an XML sitemap for search engines.
- Write SEO-optimized content – read this entire article to perform this.
- Optimize the Title, Description, and permalink of the article. – Settings are already available with the Blogger Blog.
That means you’ve to add all the features discussed above in the Blogger theme. You can do this by simply downloading our SEO-friendly TezzBlog Blogger Theme or if you want to use your current theme, follow this ultimate guide.
However, only one feature of the permalink structure is missing in Blogger. And here, WordPress has the edge over Blogger.
Install Yoast SEO Ready Blogger Theme.
Many Blogger themes are available on the internet to download. These themes may look good, even extraordinary, but their code structure is not SEO-friendly. A few themes may be exceptional. So we worked hard to generate a perfect Blogger theme that includes all the features of Yoast SEO and that Rank Math SEO plugin.
Our SEO-friendly Blogger themes provide HTML5.2 page structure, schema markup structure data, and meta robots tags to enhance Blogger. TezzBlog is one of that is best UI and UX. So you may consider downloading the TezzBlog Blogger theme. Or you can read this complete article to make your current theme SEO-friendly.
Optimize the content with the Yoast SEO plugin.
You can check the SEO score of the content using real-time Content Analysis with Yoast SEO. The tool can help you in analyzing your content SEO.
But if you want a robust SEO analysis, you can install WordPress on the localhost. On the localhost server, configure Yoast SEO to the WordPress website and start optimizing the content.
After installing and activating the Yoast SEO plugin, you can optimize the content. You’ve to create a new post. Above is the screenshot of the Yoast SEO interface.
- Enter the Blog Post Title,
- Enter the targeted Keyword,
- Write your content and follow SEO suggestions (point 7).
- Rich Snippet Preview,
- Provide permalink. This should be the same for your Blogger blog post,
- Please provide a description. It is the same with Blogger Search.
- SEO suggestions for the content,
After completion, copy and paste the content into the Blogger blog post section.
Create a new Blogger blog post and paste the SEO-optimized content in the following way.
- Enter Blog Post Title,
- Paste the entire content,
- In the Label section, you can declare the category of the content,
- Permalink should be the same as a slug,
- Search descriptions should be the same as meta descriptions.
If you can’t access the options displayed above in the Blogger blog. Then you have to check whether you set up the Blogger blog correctly or not.
Add an XML sitemap to the Blogger.
The sitemap is the roadmap for any website. It provides a path to search engines regarding the content available on the website. If the blog is poorly interlinked, then the sitemap helps the search engines to find the content. You’ve to submit the XML sitemap to GSC and track performance report.
There is no need to generate a sitemap using any other plugin. A Blogger blog contains a sitemap with itself. There should be two sitemaps for Blogger. 1.) For Blog Posts, 2.) For Blog Pages.
You can find these sitemaps at the root of the Blogger blog. You’ve to access it under /sitemap.xml and sitemap-pages.xml in the root directory of your website.
Include Yoast SEO Features in your Current Blogger Theme.
As we already discussed in the intro, Blogger doesn’t support plugins. But you can add a few features of Yoast SEO to the Blogger.
Yoast SEO does: Yoast enhances the website interface for Google Search Engine by implementing some codes. These codes include – metadata code, robots code, and schema markup data.
- It adds JSON schema markup to all posts and pages.
- Adds robots meta tag
<meta content='index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1' name='robots'/>
to all pages that should index - Adds robots meta tag noindex to sections like category, tags, archive, and error 404 pages (these are considered junk due to the internal duplicate content theory of SEO).
Blogger Blog: a free platform for blogging is micro-niche. Recently Blogger updated new kinds of interfaces into it. You can now customize your blogger blog to a certain extent. Also, you can add some codes to your blog that will work similarly to Yoast SEO. These codes will add metadata code, robots code, and schema markup data.
You can add the following codes for better SEO for your existing theme.
Implement Meta Tags to the Blogger Theme.
To add the meta tags, you’ve to tweak with Blogger theme XML file. Paste the following code just below the <head>
tag. We’re providing meta tags that will enhance Blogger SEO.
<!--seoneurons.com Yoast SEO Start for Blogger-->
<b:if cond='!data:view.isHomepage and !data:view.isSingleItem'>
<meta content='noindex,follow' name='robots'/>
<else/>
<meta content='index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1' name='robots'/>
</b:if>
<b:if cond='data:view.isSingleItem'>
<meta content='article' property='og:type'/>
<else/>
<meta content='website' property='og:type'/>
</b:if>
<b:if cond='data:view.isSingleItem'>
<title><data:view.title.escaped/></title>
<b:else/>
<b:if cond='data:view.isHomepage'>
<title>sitename: website description here of 60 characters.</title>
<b:else/>
<b:if cond='!data:view.isError'>
<title><data:blog.pageName/> Archives - sitename</title>
<b:else/>
<title>Page Not Found - Error 404 :sitename</title>
</b:if></b:if></b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:include data='blog' name='all-head-content'/>
<meta content='xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' name='google-site-verification'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:if cond='data:blog.postImageUrl'>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/><b:else/>
<meta content='summary' name='twitter:card'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
</b:if>
</b:if>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<meta content='33216997d81480e3' name='yandex-verification'/>
<meta content='FD432E2964E7A4DFE3FF5A7C0EF1B5A1' name='msvalidate.01'/>
<meta content='325201864325380' property='fb:app_id'/>
<meta content='yourhandle' property='fb:admins'/>
<meta content='@sitename' name='twitter:site'/>
<meta content='@yourhandle' name='twitter:creator'/>
<meta content='INDIA' name='geo.placename'/>
<meta content='Admin' name='Author'/>
<meta content='general' name='rating'/>
<meta content='IN' name='geo.country'/>
<link rel='dns-prefetch' href='//1.bp.blogspot.com' />
<link rel='dns-prefetch' href='//1.bp.blogspot.com'/>
<link rel='dns-prefetch' href='//1.bp.blogspot.com'/>
<link rel='dns-prefetch' href='//1.bp.blogspot.com'/>
<link rel='dns-prefetch' href='//googleads.g.doubleclick.net'/>
<link rel='dns-prefetch' href='//seoneurons.com'/>
<link rel='dns-prefetch' href='//www.googletagservices.com'/>
<link rel='dns-prefetch' href='//www.googletagmanager.com'/>
<link rel='dns-prefetch' href='//www.google-analytics.com'/>
<link rel='dns-prefetch' href='//tpc.googlesyndication.com'/>
<link rel='dns-prefetch' href='//pagead2.googlesyndication.com'/>
<link rel='dns-prefetch' href='//adservice.google.co.in'/>
<link rel='dns-prefetch' href='//adservice.google.com'/>
<link rel='preconnect' href='//www.googletagmanager.com'/>
<link rel='preconnect' href='//www.googletagservices.com'/>
<link rel='preconnect' href='//www.facebook.com' />
<link rel='preconnect' href='//connect.facebook.net' />
<!--seoneurons.com Yoast SEO End for Blogger-->
You’ve to replace the social media values (red color) with your values in the above code snippet. So that search engines can analyze and process your social media profiles. How this code makes a blogger Blog SEO Friendly?
- Add prefetch value to boost PageSpeed score of your website.
- Insert meta tags for Social Media SEO.
In this above-provided code, you can change values according to your website. For complete schema markups and HTML5 implementation, you can use our Blogger theme BloggerMag, TezzBlog for your blogger blog. Otherwise, if you want to keep your older theme, you can use the code below. This code will start improving your website day by day.
Add Schema Markup to the Blogger
Schema Markup tags are for rich snippet results. The Yoast SEO plugin generates schema markup for every page. Similarly, we’ll create the schema markup for each post.
First, you’ve to check whether your Blogger’s theme supports Schema markup or not. For this, you’ve to perform a structure data test.
If the Schema Markup is unavailable with the Blogger theme, you may consider adding schema markup to the Blogger blog.
You must paste the following code below the <data:post.body/>
tag in the Blogger theme.
<b:if cond='data:view.isPost'>
<script type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "Article",
"@id": "<data:post.url/>#post-body-<data:post.id/>",
"mainEntityOfPage": "<data:post.url/>",
"headline": "<data:post.title/>",
"name": "<data:post.title/>",
"url": "<data:post.url/>",
"description": "<data:blog.metaDescription/>",
"image": "<data:post.featuredImage/>",
"datePublished": "<data:post.date.iso8601/>",
"dateModified": "<data:post.date.iso8601/>",
"author": {
"@type": "Person",
"name": "<data:post.author.name/>",
"url": "<data:blog.homepageUrl.jsonEscaped/>"
},
"publisher": {
"@type": "Organization",
"name": "<data:blog.homepageUrl.jsonEscaped/>",
"description": "Replace this line with your website tagline",
"logo": {
"@type": "ImageObject",
"url": "https://2.bp.blogspot.com/-wODeJOyrz0I/W5jkgWMQwUI/AAAAAAAAI2Q/_4jViZ-AE5sUPO9zq-seQr3ueykHJzEmQCLcBGAs/s1600/your-website-logo.png",
"width": 600,
"height": 60
}
}
}
</script>
</b:if>
You’ve to replace red-colored values with your website’s values. Save these values just below to <data:post.body/>
tag. This code enables the Blogger blog to show rich snippet results.
Final Words
In this tutorial, we understood Yoast SEO-ready Blogger themes, optimized the content with the Yoast SEO plugin, and published it on the BLogger blog. And XML sitemap for the Blogger blog.
We also understood how to implement Yoast Plugin features to the current Blogger theme. If you have any doubts regarding the post. You can ask this in the comment section provided below.
could u explain it clearly? I couldn’t understand about this Yoast SEO technique and how to paste this code into my blog moreover will we do any modifications in Code before pasting into my theme.
Very informative and useful post to optimize content. You have explained the whole topic in a simple way to understand easily. Also, these tips are helpful for content writing I will make use of it. Thanks for sharing..!
very good, but don’t know where to place the script?
thank you so mush from algeria
Kudos you did well Thank you
Thanks for Sharing Wonderful Article
Kudos for your hard work, thanks for sharing
I love this piece of information here please let share
this inform is useful.
I stil need to learn it how to implement to my blogpost bro. But thank you for sharing,