Blogger

Yoast SEO Plugin for Blogspot Blogger Blog, Ultimate Guide 2021

Search Engine Optimization is essential for a webpage to rank in the search results. But there is no such plugin available with Blogger blogs. That means you can’t install any plugin to the Blogger CMS. But in this article, we’ll discuss how we can inject the Yoast SEO features into the Blogger BlogSpot blog. The following features Yoast SEO or Rank Math SEO plugin provides.

Yoast SEO Plugin for Blogger
Yoast SEO Plugin for Blogger
  • 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 –read this article, how to generate one for your Blogger blog.
  • 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.

Install Yoast SEO Ready Blogger Theme.

There are lots of Blogger themes available on the internet, but all are not SEO-friendly. These themes may look good but not from the SEO point of view. 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 Blogger themes provide HTML5 page structure, schema markup structure data, meta robots data 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. You can analyze your content SEO with the help of this tool.

But if you want a robust SEO analysis, then you’ve to install WordPress on the localhost. For this, you can download Bitnami WordPress and install it. You can follow this ultimate guide on installing WordPress on the localhost using Bitnami WordPress for a complete installation guide.

After installation, install the Yoast SEO plugin to WordPress and start optimizing the content.

yoast-seo-blog-post-blogger

After installing and activating the Yoast SEO plugin, you can start optimizing the content. You’ve to create a new post. You’ll see an interface similar to the above.

  1. Enter the Blog Post Title,
  2. Enter the targeted Keyword,
  3. Write your content and follow SEO suggestions (point 7).
  4. Rich Snippet Preview,
  5. Provide permalink. This should be the same for your Blogger blog post,
  6. Please provide a description. It is the same with Blogger Search.
  7. SEO suggestions for the content,

Now after completion, copy the content and paste it into the Blogger blog post section.

blogger-seo-yoast

Create a new Blogger blog post and paste the SEO-optimized content in the following way.

  1. Enter Blog Post Title,
  2. Paste the entire content,
  3. In the Label section, you can declare the category of the content,
  4. Permalink should be the same as a slug,
  5. Search descriptions should be the same as meta descriptions.

If you can’t access all these options in the Blogger blog, you have to enable SEO settings for the Blogger blog.

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 this XML sitemap to the search console.

There is no need to generate a sitemap using any other plugin. 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 at the root directory of your website. If you can’t find it, read our content on how to generate Blogger sitemaps.

How to Combine Yoast SEO Features in the current Blogger theme?

Yoast SEO Plugin: This plugin is available for WordPress CMS only. There is no plugin available for Blogger Blog. 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 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 into your blog that will work similarly to that of Yoast SEO. These codes will add metadata code, robots code, and schema markup data.

For your existing theme, you can add the following codes for better SEO.

Implement Meta Tags to the Blogger Theme.

To add the meta tags, you’ve to edit the Blogger theme XML file. Paste the following code just below to the <head> tag. We’re providing meta tags that will enhance the 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 as well.   How this code makes a blogger Blog SEO Friendly?

  • Add prefetch value so that your website can load in a faster way.
  • 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 provided 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 not available with the Blogger theme, you may consider adding schema markup to the Blogger blog.

You’ve to paste the following code just 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.

Along with this, we understood how to implement Yoast Plugin features to the current Blogger theme. If you have any doubt regarding the post. You can ask this in the comment section provided below.

Ashok Kumar

Ashok Kumar working in the Search Engine Optimization field since 2015. And worked on many successful projects since then. He shares the real-life experience of best SEO practices with his followers on seoneurons.com. You also can learn Advance level SEO for WordPress, Blogger, or any other blogging platform. Stay tuned.

Related Articles

One Comment

  1. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button