add

How to Add Breadcrumb Schema with Logo and Search Box - Complete Brand SEO

 

Most Blogger blogs have broken Schema. Complete Brand SEO = Breadcrumb + Logo + Search Box + Organization all working together = full branded dominance in Google.

In this FINAL Schema post, you'll combine everything from Post 78, 79 + Breadcrumbs into one perfect theme code for 2025. This is the complete setup.

Step 1: Why Complete Brand Schema Wins Everything 2025

Google shows full brand pack only when all Schemas present and connected.

  1. Homepage: Logo + Sitelinks + Search Box under your brand name
  2. All posts: Breadcrumbs Home > Category > Post title in Google
  3. Knowledge panel: Logo + social links + founder
  4. Zero duplication: One perfect code set, no conflicts

Image: Google search for brand showing logo knowledge panel + sitelinks + breadcrumbs + search box all together

Step 2: The COMPLETE Brand SEO Code for Blogger Theme Head

Replace ALL old Schema in theme head with this ONE combined set.

  1. Blogger → Theme → Edit HTML → Find <head> → DELETE all old WebSite, Organization, Logo, Search Box scripts → Paste this CLEAN set right below <head>:
<!-- COMPLETE BRAND SEO SCHEMA 2025 - Post #80 -->

<!-- 1. ORGANIZATION + LOGO - For Knowledge Panel -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "@id": "https://yourblog.blogspot.com/#organization",
  "name": "Your Blog Academy",
  "alternateName": "Blogger SEO Academy",
  "url": "https://yourblog.blogspot.com/",
  "logo": {
    "@type": "ImageObject",
    "@id": "https://yourblog.blogspot.com/#logo",
    "url": "https://yourblog.blogspot.com/logo-600x600.png",
    "width": 600,
    "height": 600,
    "caption": "Your Blog Academy Logo"
  },
  "image": "https://yourblog.blogspot.com/logo-600x600.png",
  "sameAs": [
    "https://www.facebook.com/yourblogacademy",
    "https://www.instagram.com/yourblogacademy",
    "https://www.youtube.com/@yourblogacademy",
    "https://twitter.com/yourblogacademy"
  ],
  "description": "Your Blog Academy teaches Blogger SEO, AdSense approval, Schema markup, and blogging monetization for beginners in Nigeria and worldwide.",
  "founder": {
    "@type": "Person",
    "name": "Your Name",
    "@id": "https://yourblog.blogspot.com/#person"
  },
  "foundingDate": "2024-01-15"
}
</script>

<!-- 2. WEBSITE + SEARCH BOX + PUBLISHER - For Sitelinks Search -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "@id": "https://yourblog.blogspot.com/#website",
  "name": "Your Blog Academy",
  "alternateName": "Blogger SEO Academy",
  "url": "https://yourblog.blogspot.com/",
  "publisher": {
    "@id": "https://yourblog.blogspot.com/#organization"
  },
  "potentialAction": {
    "@type": "SearchAction",
    "target": {
      "@type": "EntryPoint",
      "urlTemplate": "https://yourblog.blogspot.com/search?q={search_term_string}"
    },
    "query-input": "required name=search_term_string"
  },
  "inLanguage": "en-US"
}
</script>

Step 3: Add Breadcrumb Schema to Blogger Post Template - Automatic

Breadcrumbs need dynamic code that changes per post. Add this separately.

  1. Still in Edit HTML → Find <b:includable id='main' var='top'> → Scroll down near <b:loop values='data:posts'> → Paste this BEFORE <div class='post'> or inside post header:
<!-- BREADCRUMB SCHEMA - Dynamic for each post -->
<b:if cond='data:blog.pageType == "item"'>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "@id": "<data:post.url/>#breadcrumb",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://yourblog.blogspot.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "<data:post.labels.first.name/>",
      "item": "https://yourblog.blogspot.com/search/label/<data:post.labels.first.name/>"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "<data:post.title/>",
      "item": "<data:post.url/>"
    }
  ]
}
</script>
</b:if>

<b:if cond='data:blog.pageType == "index"'>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://yourblog.blogspot.com/"
    }
  ]
}
</script>
</b:if>

Step 4: Add Visible Breadcrumbs That Match Schema

Schema must match visible breadcrumbs on page. Add HTML gadget in post header:

<style>
.breadcrumb-nav {font-size:14px;margin:10px 0;color:#5f6368;}
.breadcrumb-nav a {color:#1a73e8;text-decoration:none;}
.breadcrumb-nav a:hover {text-decoration:underline;}
.breadcrumb-nav span {margin:0 5px;}
</style>

<div class='breadcrumb-nav'>
<a href='https://yourblog.blogspot.com/'>Home</a> <span>›</span>
<a expr:href='"/search/label/" + data:post.labels.first.name'><data:post.labels.first.name/></a> <span>›</span>
<span><data:post.title/></span>
</div>

Step 5: Final Checklist - Replace All Placeholders

Placeholder Replace With Where
https://yourblog.blogspot.com/ Your blog URL with / All 6 places in code
logo-600x600.png Your logo URL 600x600 PNG Organization logo
Your Blog Academy Your exact blog name Name + alternateName
Your Name Your real name Founder
sameAs links Your real social URLs Facebook, IG, YouTube
2024-01-15 Blog launch date YYYY-MM-DD foundingDate

Step 6: Test Complete Brand SEO + Fix Errors

  1. Homepage test: search.google.com/test/rich-results → Enter homepage URL → Must show Organization + WebSite + Sitelinks search box valid, 0 errors
  2. Post test: Enter any post URL → Must show BreadcrumbList + Article + other Schemas from posts 50-79 valid
  3. Schema Validator: validator.schema.org → Check @id linking: #organization, #website, #logo connected
  4. Search Console: Enhancements → Logos, Sitelinks search box, Breadcrumbs → All green after 1 week
  5. Fix: Breadcrumb label error: If post has no label, data:post.labels.first.name fails. Add default: Replace with <b:if cond='data:post.labels'><data:post.labels.first.name/><b:else/>Blog</b:if>
  6. Fix: Duplicate Organization: Must have only ONE Organization with @id #organization in entire theme. Delete all old ones
  7. Live brand test: After 2-4 weeks, search brand name incognito → Should see logo knowledge panel + sitelinks + search box + breadcrumbs in posts

Bad practice to avoid: Copy-pasting Post 78, 79, 80 codes together without deleting old. Creates 3 WebSite Schemas = Google ignores all. Use ONLY this final combined code in theme head.

Important: This is FINAL Schema post - Complete 80 post series done! What you have now: Article, FAQ, HowTo, Recipe, Product, Video, Course, Event, Review, Job, Movie, Book, TVSeries, MusicAlbum, Podcast, ProsCons, Carousel, Speakable, Paywall, Subscription, Search Box, Logo, Breadcrumb = full Blogger SEO mastery. Keep this code permanent in theme. Backup theme: Theme → Backup/Restore → Download. For next steps, focus on EEAT, internal linking, and core web vitals from Post #1-49. Submit homepage + 5 top posts to Search Console for re-indexing. Brand SEO takes 1-2 months to fully appear.

Post a Comment

0 Comments