Blogger博客自定义文章元标题：修复标题重复问题

Hey there, let's get that repetitive blog title out of your post meta tags. The issue is that Blogger's default setup appends your blog title to every post's title, which isn't ideal for SEO or clean metadata. Here are two straightforward solutions tailored to your needs:

Approach 1: Use Only the Post Title (No Blog Title) #

This replaces the default "Post Title | Blog Title" format with just the post title for individual post pages. Non-post pages (like your homepage or archives) will still keep the combined format.

Steps to Implement: #

1. Head to your Blogger dashboard → Theme → Edit HTML.
2. Locate the existing title code snippet you shared:

   <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/> 
   <b:include data='blog' name='all-head-content'/> 
   <b:if cond='data:blog.pageType == &quot;item&quot;'> 
     <title>&l...</b:if>
   

3. Replace the incomplete <b:if> block with this full code:

   <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
   <b:include data='blog' name='all-head-content'/>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <!-- Use only post title for individual posts -->
     <title><data:blog.pageName/></title>
   <b:else/>
     <!-- Keep default format for non-post pages -->
     <title><data:blog.pageName/> | <data:blog.title/></title>
   </b:if>
   

4. Click Save theme to apply changes.

Approach 2: Fully Custom Meta Titles Per Post #

If you want unique, custom meta titles for specific posts (different from their display title), use Blogger's built-in custom fields. This gives you full control over each post's metadata.

Steps to Implement: #

1. Set Up Custom Fields in Posts:

   • Open any post in the Blogger editor.
   • Go to Post settings (gear icon at the top right) → scroll down to Custom fields (click "Show custom fields" if hidden).
   • Add a new field:
     • Name: meta_title (case-sensitive, don't change this)
     • Value: Your desired custom meta title (e.g., "Raindrops Candy Pizza Review - 1.534 oz")
   • Save the post. Repeat this for any posts you want to customize.

2. Update Theme HTML:

   • Go back to Theme → Edit HTML.
   • Replace your existing title code with this:

     <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
     <b:include data='blog' name='all-head-content'/>
     <b:if cond='data:blog.pageType == &quot;item&quot;'>
       <!-- Use custom meta title if available -->
       <b:if cond='data:post.customItems and data:post.customItems.containsKey("meta_title")'>
         <title><data:post.customItems.get("meta_title")/></title>
       <b:else/>
         <!-- Fallback to post title if no custom field is set -->
         <title><data:blog.pageName/></title>
       </b:if>
     <b:else/>
       <!-- Keep default format for non-post pages -->
       <title><data:blog.pageName/> | <data:blog.title/></title>
     </b:if>
     

3. Click Save theme.

Verification Tip: #

After making changes, clear your browser cache and use Google's Rich Results Test to confirm the meta title is displaying correctly for your posts.

内容的提问来源于stack exchange，提问作者Faiz Sheikh