OGP Tag Generator (og:title, og:image, மேலும் பலவற்றுக்கு Auto Output)

URL, title, description, மற்றும் image URL-ஐ உள்ளிடுங்கள். Open Graph மற்றும் Twitter Card meta tags-ஐ ஒரே இடத்தில் உருவாக்குங்கள்.

Copy and paste ready Built-in preview Image மற்றும் cache guidance

பயன்படுத்துவது எப்படி

  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 platforms guidance (reference)

  • Minimum reference: 200×200.
  • பொதுவாக நிலையானது: 1200×630 அல்லது அதற்கு மேல், குறைந்தது 600×315.
  • Target aspect ratio சுமார் 1.91:1.
  • Image file size guidance-இல் 8MB அல்லது அதற்கு குறைவு சேர்க்கப்படுகிறது.

X card guidance (reference)

  • summary_large_image பொதுவாக சுமார் 2:1 ratio-ஐ நோக்கமாகக் கொண்டது.
  • Reference range: minimum 300×157, maximum 4096×4096.
  • File size guidance-இல் 5MB-ஐ விட குறைவு சேர்க்கப்படுகிறது.
  • ஆதரிக்கப்படும் இடங்களில் JPG/PNG/WEBP/GIF பயன்படுத்துங்கள்.

Updates தோன்றாதபோது (cache மற்றும் 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-ஐ மேம்படுத்தலாம்.

Meta Sharing Debugger

https://developers.facebook.com/tools/debug/

Meta platforms க்கான Open Graph parsing results-ஐ மீண்டும் fetch செய்து inspect செய்யுங்கள்.

X Card Validator

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

X card metadata-ஐ validate செய்து, கிடைக்கும் இடங்களில் card fetch-ஐ force செய்யுங்கள்.

அடிக்கடி கேட்கப்படும் கேள்விகள்

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 மாற்றிய பிறகு URL-ஐ மாற்றுவது உதவலாம்.