OGP ടാഗ് ജനറേറ്റർ (og:title, og:image എന്നിവയ്ക്കും മറ്റും സ്വയം output)

URL, title, description, image URL എന്നിവ നൽകുക. Open Graph, Twitter Card meta tags ഒരിടത്ത് തന്നെ സൃഷ്ടിക്കുക.

പകർത്തി ഒട്ടിക്കാൻ തയ്യാറാണ് അന്തർനിർമ്മിത preview ചിത്രവും cache മാർഗനിർദ്ദേശവും

എങ്ങനെ ഉപയോഗിക്കാം

  1. tool തുറന്ന് canonical URL, title, image URL എന്നിവ നൽകുക.
  2. ആവശ്യമെങ്കിൽ description, site name, Twitter settings എന്നിവ ചേർക്കുക.
  3. generated meta tags copy ചെയ്ത് page head-ലേക്ക് paste ചെയ്യുക.
  4. preview, notices പരിശോധിച്ച് ആവശ്യമെങ്കിൽ image ratio അല്ലെങ്കിൽ cache strategy ക്രമീകരിക്കുക.

OGP എന്താണ്?

Open Graph Protocol (OGP) എന്നത് social platforms, chat apps എന്നിവ link previews render ചെയ്യാൻ ഉപയോഗിക്കുന്ന metadata ആണ്.

og:title, og:description, og:image എന്നിവയും ബന്ധപ്പെട്ട tags ഉം സജ്ജമാക്കുന്നതിലൂടെ shared URLs എങ്ങനെ കാണപ്പെടണമെന്നത് നിങ്ങൾക്ക് സ്വാധീനിക്കാം.

OGP-നൊപ്പം Twitter Card tags ചേർക്കുന്നത് പല platforms-ലുമുള്ള preview behavior കൂടുതൽ സ്ഥിരതയോടെ നിലനിർത്താൻ സഹായിക്കും.

Image size guidance (കൂടുതൽ സ്ഥിരമായ preview rendering-നായി)

Meta platform മാർഗനിർദേശം (ഉദ്ധരണം)

  • കുറഞ്ഞത്: 200×200.
  • പലപ്പോഴും സ്ഥിരമായത്: 1200×630 അല്ലെങ്കിൽ അതിൽ കൂടുതലുള്ളത്, കുറഞ്ഞത് 600×315.
  • target aspect ratio ഏകദേശം 1.91:1.
  • image file size guidance സാധാരണയായി 8MB അല്ലെങ്കിൽ അതിൽ താഴെ.

X കാർഡ് മാർഗനിർദേശം (ഉദ്ധരണം)

  • summary_large_image സാധാരണയായി ഏകദേശം 2:1 ratio ലക്ഷ്യമിടുന്നു.
  • reference range: minimum 300×157, maximum 4096×4096.
  • file size guidance സാധാരണയായി 5MB-ൽ താഴെ.
  • പിന്തുണയുള്ളിടത്ത് JPG/PNG/WEBP/GIF ഉപയോഗിക്കുക.

updates കാണിക്കാത്തപ്പോൾ (cache and re-scrape)

  • social crawlers fetched metadata cache ചെയ്യാം. ഓരോ platform-ന്റെയും debugger/inspector ഉപയോഗിച്ച് re-scrape ആവശ്യപ്പെടുക.
  • image replacement പ്രതിഫലിക്കാത്തപ്പോൾ image URL മാറ്റുന്നത് സഹായിക്കും (filename update അല്ലെങ്കിൽ query string).
  • ചില സാഹചര്യങ്ങളിൽ og:image:width, og:image:height സജ്ജമാക്കുന്നത് rendering stability മെച്ചപ്പെടുത്താം.

X Card Validator

https://cards-dev.twitter.com/validator

X card metadata validate ചെയ്യുകയും സാധ്യമായിടത്ത് card fetch വീണ്ടും നിർബന്ധിപ്പിക്കുകയും ചെയ്യുക.

FAQ

Twitter Card tags-ും സൃഷ്ടിക്കുമോ?

അതെ. twitter:card, ബന്ധപ്പെട്ട tags എന്നിവ ഒരുമിച്ച് output ചെയ്യാം. minimal mode ഉം ലഭ്യമാണ്.

എന്ത് image size ഉപയോഗിക്കണം?

destination-നുസരിച്ച് പ്രായോഗിക guidance ഉപയോഗിക്കുക. Meta-oriented previews സാധാരണയായി ഏകദേശം 1.91:1 (ഉദാ. 1200×630) ഉപയോഗിക്കും; X summary_large_image പലപ്പോഴും 2:1 (ഉദാ. 1200×600) ഉപയോഗിക്കും.

മാറ്റങ്ങൾ എന്തുകൊണ്ട് പ്രതിഫലിക്കുന്നില്ല?

മിക്ക സാഹചര്യങ്ങളിലും കാരണം cache ആണ്. platform tools ഉപയോഗിച്ച് re-scrape നടത്തുക; image മാറ്റിയ ശേഷം image URL മാറ്റുന്നതും പരിഗണിക്കുക.