OGP ટૅગ જનરેટર (og:title, og:image વગેરે માટે સ્વચાલિત આઉટપુટ)

URL, title, description અને image URL દાખલ કરો. Open Graph અને Twitter Card meta tags એક જ જગ્યાએ બનાવો.

કૉપી અને પેસ્ટ માટે તૈયાર બિલ્ટ-ઇન પૂર્વદર્શન 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 વધુ consistent રહે છે.

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 ને લક્ષ્ય કરે છે.
  • સંદર્ભ શ્રેણી: ન્યૂનતમ 300×157, મહત્તમ 4096×4096.
  • File size guidance માં 5MB કરતાં ઓછું શામેલ છે.
  • જ્યાં support હોય ત્યાં 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 સુધરી શકે છે.

X Card Validator

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

X card metadata validate કરો અને જ્યાં ઉપલબ્ધ હોય ત્યાં card fetch ને force કરો.

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 બદલવાનું વિચારો.