Blogs without Logo Schema = no logo in Google Knowledge Panel. With Logo Schema = your logo appears in Google search + knowledge panel.

In this tutorial, you'll add Logo Schema to Blogger theme. Follow along and you'll get your logo in Google search results and knowledge graph in 2025.

Step 1: Why Logo Schema Wins Brand Searches 2025

Google shows logo only if Organization Schema with logo is present.

  1. Knowledge panel: Shows your logo when someone searches your blog name
  2. Sitelinks + search box: Logo Schema required for search box from Post #78 to work
  3. Google Discover: Logo appears next to posts in Discover feed
  4. Trust: Logo in search = professional brand, not amateur blogspot

Image: Google search for "Your Blog Academy" showing knowledge panel with logo on right side

Step 2: Create Perfect Logo for Google

Google has strict logo rules. Create before adding Schema.

Requirement Google Rule How to Create
Size 112x112px minimum, 600x600px recommended Canva.com → 600x600 custom size
Format PNG or JPG, no SVG, no WebP Export as PNG transparent
Background Transparent or solid color, not busy White or transparent background
Shape Square, logo centered, not wide banner Square canvas, logo in middle 80%
Text Readable at 50px, no tagline tiny text Only icon + 1-2 letters, not full sentence

Upload logo to Blogger: Blogger → Settings → Basic → Favicon + Use same image for logo host: Create post draft → Upload image → Copy image URL → Use that URL. Or host on imgur or postimg.

Step 3: Add Logo Schema to Blogger Theme Head

This goes in Theme once, not per post.

  1. Blogger → Theme → Edit HTML → Find <head> → Paste BELOW <head> but ABOVE search box code from Post #78:
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Your Blog Academy",
  "alternateName": "Blogger SEO Academy",
  "url": "https://yourblog.blogspot.com/",
  "logo": {
    "@type": "ImageObject",
    "url": "https://yourblog.blogspot.com/logo-600x600.png",
    "width": 600,
    "height": 600
  },
  "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"
  },
  "foundingDate": "2024-01-15"
}
</script>

Step 4: If You Already Added WebSite Schema - Merge Them

Don't have 2 separate Organization + WebSite. Use combined version with logo inside both:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Your Blog Academy",
  "url": "https://yourblog.blogspot.com/",
  "logo": "https://yourblog.blogspot.com/logo-600x600.png"
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Your Blog Academy",
  "url": "https://yourblog.blogspot.com/",
  "publisher": {
    "@type": "Organization",
    "name": "Your Blog Academy",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yourblog.blogspot.com/logo-600x600.png",
      "width": 600,
      "height": 600
    }
  },
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://yourblog.blogspot.com/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>

Step 5: Upload Logo to Blogger Favicon + Theme Header Too

Schema alone not enough, add visible logo:

  1. Favicon: Theme → Edit HTML → Find <b:include data='blog' name='favicon'/> → In Settings → Basic → Favicon → Upload 100x100 PNG
  2. Header Logo: Layout → Header → Edit → Upload logo image 600x600 → Show instead of title
  3. Same image URL: Use same logo URL in favicon, header, and Schema for consistency

Step 6: Test Logo Schema + Get Knowledge Panel

  1. Rich Results Test: search.google.com/test/rich-results → Enter homepage URL → Must show Organization logo valid, no errors
  2. Schema Validator: validator.schema.org → Check logo URL loads, width/height present
  3. Google Search: Search your exact brand name in incognito → After 2-4 weeks, knowledge panel on right should show logo
  4. Fix: Logo not showing: URL must be https://, public, not Blogger private draft URL. Upload to post then copy image address. Must be PNG/JPG accessible without login
  5. Fix: Logo cropped: Google crops to square. Use square logo with padding - keep logo in center 80% with 10% white space around
  6. Fix: Duplicate Organization: If theme has old Organization Schema, delete old one, keep this new one with logo width/height

Bad practice to avoid: Using wide banner 800x200 as logo. Google requires square-ish logo. Banner gets stretched ugly. Also don't use logo with text "Your Blog Academy - Best SEO Tips 2025" too much text unreadable at small size.

Important: Logo Schema + Sitelinks Search Box from Post #78 work together. You need both for full branded search dominance. Logo must be hosted on same domain or reliable host like blogger image host, not temporary link. For Knowledge Panel, also create profiles on Wikidata, Facebook, Instagram, YouTube with same name and link in sameAs - Google verifies brand via sameAs links. Update foundingDate to actual blog launch date. After adding, go to Google Search Console → Settings → Knowledge Graph → Request verification.