MORBI AI-SEO Theme — Operating Manual

Theme: a fast, mobile-first, schema-rich Blogger theme built for Google + AI (ChatGPT / Perplexity / Gemini) + Users. Is page ko apne reference ke liye Blogger me save karke rakho. Naye blog pe theme lagate waqt sabse zyada kaam Section 16 (Reuse Checklist) aur Section 8–9 (post + snippets) aayenge.

1) Theme kya-kya deti hai

2) Install karna

1. Backup pehle: Blogger → Theme → ⋮ → Backup → download.
2. Theme → ⋮ → Restore → Upload → morbi-ai-seo-theme.xml.
3. View blog karke header, home cards, ek post check karo.

3) Zaruri Blogger settings (ek baar)

• Blog title + description sahi bharo (schema + SEO me use hote hain).
• Meta description → ON, homepage description likho.
• Enable search description → ON (har post ka apna meta description).
• HTTPS redirect → ON.
• Custom domain lagao (blogspot subdomain se better).
• Har post me right panel se clean custom permalink do.

4) Logo add / change

Logo theme ke andar base64 embedded hai — internet URL pe depend nahi, hamesha turant dikhta hai. Dark mode me apne aap white ho jata hai.

• Logo badalna: naya logo file (PNG/WebP ~120–240px width) do → naya XML mil jayega. Ya XML me class='brand-logo' wali line ke src='data:image/webp;base64,...' ko naye base64 se replace karo.
• Layout → Configure Header wala image use nahi hota; us widget ka title apna brand name rakho (SEO ke liye).

5) Topbar: menu + social icons

Header ke upar dark topbar. Do Layout gadgets aate hain:

Topbar Menu (left)

Layout → "Topbar Menu" (Link List) me links: Home, About Us, Contact Us, Call +91… (tel: URL).

Topbar Social Icons (right)

Layout → "Topbar Social Icons" (Link List). Har link ka Name = platform ka naam; theme naam se logo icon laga deta hai:

6) Main menu + submenu

Layout → "Main Menu" (Link List). Jis link ko submenu (dropdown) me daalna ho, uske Name ke aage _ (underscore) lagao.

• Sirf heading/parent (jiska apna page nahi) → URL #.
• Order zaruri — har _ link apne upar wale normal parent ke neeche jaata hai.
• Desktop pe hover, mobile pe tap se khulta hai. Ek level ka submenu.

7) Sidebar + footer widgets

• Sidebar: About/Trust (HTML widget — apne details), Popular Guides, Categories. Layout → Sidebar me edit/add.
• Footer: "Quick Links" (Link List) + Contact column. Footer me ab "Add a Gadget" bhi hai (extra gadgets daal sakte ho).
• "Powered by Blogger" attribution hidden hai.

8) Schema (kya auto, kya edit karna)

Automatic (kuch nahi karna): har post pe BlogPosting + BreadcrumbList; FAQ block ho to FAQPage. Homepage pe Organization + WebSite.

Edit ek baar per blog — Organization details (XML head)

XML head me Organization block me ye badlo: name, legalName, telephone (+91-XXXXX-XXXXX), addressLocality/addressRegion, knowsAbout, aur sameAs (aapke social profile URLs).

Ye sirf naye BLOG pe ek baar. Har naye ARTICLE me ye touch nahi karna.

publisher.logo + author url/sameAs

Ye JS config se lagte hain (Section 13–14). SITE.logo me logo URL daalte hi publisher.logo dono schema me aa jata hai; AUTHORS map me author ka url/sameAs daalo to author authority strong hoti hai.

Product schema (optional — sirf price-list posts)

Auto nahi. Post ke HTML me ye daalo — sirf real price, koi value invent mat karna:

<script type="application/ld+json">
{"@context":"https://schema.org","@type":"Product",
"name":"2x4 PGVT Glossy Tiles","brand":{"@type":"Brand","name":"Morbi Tile Hub"},
"offers":{"@type":"AggregateOffer","priceCurrency":"INR",
"lowPrice":"REAL_MIN","highPrice":"REAL_MAX","offerCount":"10"}}
</script>

Test: post URL ko Google Rich Results Test me daalo → BlogPosting, Breadcrumb, FAQ dikhne chahiye.

9) AI-SEO post ka structure

1. Title (H1) — Blogger post title = H1 (ek hi). Main keyword aage.
2. Intro (first 150 words) — main + secondary keyword + search intent.
3. Quick Answer box — AI direct answer utha leta hai.
4. (Table of Contents 3+ heading pe apne aap ban jaata hai.)
5. H2 / H3 — 2–4 line paragraphs, Q&A-style headings.
6. Comparison / price / spec tables — jitna ho sake.
7. Tip / Note / "Where NOT to use" callouts.
8. FAQ block (8–10 Q) → FAQPage schema auto.
9. Conclusion + GST/lead-time disclaimer.
10. Internal links — 8–10 related guides.

10) Copy-paste snippets (post HTML view me)

Quick Answer box

<div class="qa-box">
  <div class="qa-title">Quick Answer</div>
  विट्रिफाइड टाइल्स कम water absorption वाली, मजबूत और कम-maintenance वाली...
</div>

FAQ block (isse FAQPage schema banta hai)

<div class="faq">
  <details>
    <summary>Vitrified aur ceramic me kya antar hai?</summary>
    <div class="faq-a">Vitrified kam paani sokhti hai...</div>
  </details>
  <details>
    <summary>Kya vitrified tiles bathroom me lag sakti hain?</summary>
    <div class="faq-a">Anti-skid / matt finish ke saath...</div>
  </details>
</div>

Callouts

<div class="callout tip"><div class="c-title">Tip</div> Living room ke liye glossy...</div>
<div class="callout note"><div class="c-title">Note</div> IS 15622 standard...</div>
<div class="callout warn"><div class="c-title">Where NOT to use</div> Bathroom floor pe high-gloss...</div>

Table (styling + mobile scroll apne aap)

<table>
  <thead><tr><th>Type</th><th>Water Absorption</th><th>Best Use</th></tr></thead>
  <tbody>
    <tr><td>Ceramic</td><td>Zyada</td><td>Basic areas</td></tr>
    <tr><td>Vitrified</td><td>Kam</td><td>Premium + heavy use</td></tr>
  </tbody>
</table>

Blockquote

<blockquote>Sirf design dekh ke selection mat karo — finish, size aur maintenance bhi dekho.</blockquote>

11) CSS class reference

12) Images + Google Discover

• Google Discover ke liye bada 16:9 image chahiye — 1200×675 px perfect hai. Hero/landscape images isi size me upload karo.
• Theme me max-image-preview:large pehle se hai + og:image + Article schema image — teeno large image support karte hain.
• Post ki pehli image automatically thumbnail + social preview + schema image ban jaati hai.

13) Author photo + bio config

Har author ki apni photo + bio. XML ke script me AUTHORS map edit karo:

var AUTHORS={
  "Narendra Mendpara":{photo:"PHOTO_URL", url:"AUTHOR_PAGE_URL",
     sameAs:["https://linkedin.com/in/..."], bio:"Short bio..."},
  "Manish Mendpra":{photo:"", url:"", sameAs:[], bio:"Director, Morbitaa Buildmart LLP..."}
};

• photo khaali → coloured initial dikhega; URL daalo → photo dikhegi.
• Author naam bilkul waisa likho jaisa post pe dikhta hai.
• url/sameAs → author schema me add ho jaate hain (authority).
• Photo URL: koi image Blogger post me daalo → right-click → "Copy image address".

14) Logo / publisher config (SITE.logo)

Publisher logo schema me daalne ke liye, XML script me:

var SITE={logo:"https://your-hosted-logo.png"};

Yahan ek hosted logo URL paste karo (PNG/JPG). Theme use publisher.logo (Article) + Organization logo dono me automatically daal deta hai. Khaali chhodo to kuch harm nahi (logo add nahi hoga).

15) Floating WhatsApp button

Har page pe niche-right ek WhatsApp button. Click pe WhatsApp khulta hai, message me "I want tiles" + page ka title + URL pre-filled aata hai (visitor turant contact kar sakta hai). Page speed pe koi asar nahi (ek chhota element + gentle pulse).

Number / message badalna

• Number: XML me wa.me/917567775672 ko apne number se badlo (country code + number, bina + / space). Ye 2 jagah hai: button ke href me aur script me.
• Message: script me var msg='I want tiles - '+document.title+' '+location.href; — isko apni marzi se badal sakte ho.

16) Comments

Blogger ka native comment system use hota hai. Sabse clean mobile experience ke liye Blogger → Settings → Comments → Comment location → "Full page" rakho (embedded iframe ke jhanjhat se bachne ke liye). Theme comment section ko styled + responsive banata hai aur "Post a Comment" ko button jaisa dikhata hai.

17) Naye BLOG pe reuse — Checklist ⭐

• Purana theme Backup karo.
• morbi-ai-seo-theme.xml Restore → Upload.
• Settings: title, description, meta description ON, HTTPS ON, custom domain.
• Logo badlo (naya base64) — Section 4.
• XML head Organization block edit: name, legalName, telephone, city/state, knowsAbout, sameAs — Section 8.
• Footer text (company, phone tel:, address) badlo.
• Sidebar "About/Trust" widget ki lines badlo.
• Menu + Topbar menu/social set karo (Section 5–6).
• SITE.logo + AUTHORS config bharo (Section 13–14).
• WhatsApp number badlo (Section 15).
• Pages banao: About Us, Contact, Privacy Policy, Terms, Disclaimer, Editorial Policy.
• Ek test post → Rich Results Test se schema check.

18) Publish ke baad — Indexing

1. Google Search Console → URL Inspection → Request Indexing.
2. Bing Webmaster Tools → Submit URL (ChatGPT/Copilot/Perplexity Bing use karte hain).
3. Sitemap GSC + Bing dono me submit.
4. Social share: YouTube / Facebook / LinkedIn / Pinterest.
5. Purane articles ka "Last Updated" refresh karte raho (freshness AI pick karta hai).

19) Troubleshooting

One-line summary: Theme = fast schema-rich shell. Aap sirf (a) Organization + footer/sidebar/logo per-blog edit, (b) menu Layout se, (c) har post me Quick Answer + Tables + FAQ block daalo. Baaki (TOC, breadcrumbs, author box, dates, related, schema, WhatsApp button) theme khud sambhalta hai.