કોપી અને પેસ્ટ પ્રીવ્યૂ સાથે ઇમેજ/કેશ ટિપ્સ સામેલ

OGP ટેગ જનરેટર (og:title/og:image વગેરે ઓટો આઉટપુટ)

Q: "Twitter કાર્ડ ટેગ્સ પણ સામેલ કરવા?"

"હા. twitter:card અને સંબંધિત ટેગ્સ એકસાથે જનરેટ કરી શકાય છે. X OG ટેગ્સ પર પાછા ફરી શકે છે, તેથી ન્યૂનતમ સેટઅપ પણ કામ કરે છે."

Q: "ભલામણ કરેલ ઇમેજ સાઇઝ?"

"માર્ગદર્શિકા તરીકે, Meta ૧૨૦૦×૬૩૦ અથવા તેથી વધુ અને ૧.૯૧:૧ ની નજીકના રેશિયોનું સૂચન કરે છે. X ના summary_large_image માટે અલગ રેશિયો અને ન્યૂનતમ કદ છે."

Q: "પ્રીવ્યૂ અપડેટ થતું નથી"

"મોટે ભાગે તે કેશ હોય છે. ડીબગર્સ/ઇન્સ્પેક્ટર્સ દ્વારા રી-ફેચ કરો, અને જો તમે ઇમેજ બદલી હોય, તો નવા ઇમેજ URL નો ઉપયોગ કરો."

URL, શીર્ષક, વર્ણન અને ઇમેજ URL દાખલ કરો. ઓપન ગ્રાફ + Twitter કાર્ડ મેટા ટેગ્સ એકસાથે જનરેટ કરો.

ફેચ સીધું તમારા બ્રાઉઝરમાં ચાલે છે (CORS મર્યાદાઓ લાગુ પડે છે).

ઇનપુટ

જનરેટ થયેલ મેટા ટેગ્સ / પ્રીવ્યૂ

૧) મુખ્ય માહિતી

જરૂરી

શીર્ષક (og:title) જરૂરી

માર્ગદર્શિકા: ૩૦-૬૦ અક્ષરો 0

વર્ણન (og:description) વૈકલ્પિક

માર્ગદર્શિકા: ૮૦-૧૨૦ અક્ષરો 0

ઇમેજ URL (og:image) જરૂરી

જ્યારે ઇમેજ લોડ થાય ત્યારે થંબનેલ પ્રીવ્યૂ દેખાય છે.

વર્તમાન રેશિયો -

સાઇટનું નામ (og:site_name) વૈકલ્પિક

પ્રકાર (og:type) જરૂરી

વેબસાઇટ અથવા લેખ પસંદ કરો.

૨) Twitter કાર્ડ

કોલેપ્સીબલ / ડિફોલ્ટ રૂપે ચાલુ

Twitter કાર્ડ ટેગ્સ સામેલ કરો

twitter:card

twitter:site (વૈકલ્પિક)

twitter:creator (વૈકલ્પિક)

ઓટો-સિંક નિયમો

• જો twitter:title ખાલી હોય, તો og:title વાપરો.
• જો twitter:description ખાલી હોય, તો og:description વાપરો.
• જો twitter:image ખાલી હોય, તો og:image વાપરો.

૩) અદ્યતન

જો તમારે ફાઇન-ટ્યુનિંગની જરૂર હોય તો જ ખોલો.

og:locale (વૈકલ્પિક)

og:image:alt / twitter:image:alt

એક્સેસિબિલિટી ટેક્સ્ટ. X ૪૨૦ અક્ષરો સુધી સૂચવે છે.

og:image:width

og:image:height

પહોળાઈ/ઊંચાઈ ઉમેરવાથી ક્રોલર્સને ઝડપથી રેન્ડર કરવામાં મદદ મળી શકે છે.

લેખ ટેગ્સ (ફક્ત જ્યારે og:type=article હોય)

article:published_time

article:modified_time

જો જરૂર હોય તો ISO 8601 વાપરો.

જનરેટ થયેલ મેટા ટેગ્સ

પ્રીવ્યૂ

OG પ્રીવ્યૂ

example.com

પ્રીવ્યૂ શીર્ષક

વર્ણન અહીં દેખાશે.

ઘણી SNS/ચેટ એપ્સ આના જેવી જ દેખાય છે

X કાર્ડ પ્રીવ્યૂ summary

example.com

પ્રીવ્યૂ શીર્ષક

વર્ણન અહીં દેખાશે.

summary અને summary_large_image વચ્ચે સ્વિચ કરે છે

નોંધો (વૈકલ્પિક)

તમારા ઇનપુટ્સના આધારે અહીં નોંધો દેખાશે.

વિકલ્પો

URL માં ઇનપુટ્સ સેવ કરો તે જ સેટિંગ્સ સાથે ફરીથી ખોલવા માટે લિંક શેર કરો સ્પેસ ઓટો-ટ્રિમ કરો ફુલ-વિડ્થ સ્પેસને પણ ટ્રિમ કરે છે ડબલ ક્વોટ્સ એસ્કેપ કરો મેટા એટ્રિબ્યુટ્સને સુરક્ષિત રાખો

ઇમેજ સાઇઝ ગાઇડ (ઉદાહરણો)

ઉદાહરણ સાઇઝ જોવા માટે OG અથવા X પસંદ કરો

OG-ઓરિએન્ટેડ X-ઓરિએન્ટેડ

રેશિયો સંકેત -

કેવી રીતે ઉપયોગ કરવો / ઉદાહરણો

URL, શીર્ષક, વર્ણન અને ઇમેજ URL ભરો.
og:type અને (વૈકલ્પિક રીતે) Twitter કાર્ડ સેટિંગ્સ પસંદ કરો.
જનરેટ થયેલ ટેગ્સ કોપી કરો અને <head> માં પેસ્ટ કરો.

ઝડપી ઉદાહરણ

URL + શીર્ષક + ઇમેજ દાખલ કરો, પછી ભલામણ કરેલ સેટ કોપી કરો.

નોંધો અને ટિપ્સ

OGP શું છે?

OGP (Open Graph Protocol) સોશિયલ પ્લેટફોર્મ્સને તમારા પેજનું શીર્ષક, વર્ણન અને ઇમેજ વાંચવા દે છે.

og:title/og:description/og:image સેટ કરીને, તમે શેર કરેલી લિંક્સ કેવી દેખાય છે તે નિયંત્રિત કરી શકો છો.

Twitter કાર્ડ્સ (X) સમાન મેટાડેટાનો ઉપયોગ કરે છે અને OG ટેગ્સ પર પાછા ફરી શકે છે.

ઇમેજ સાઇઝ માર્ગદર્શન (પ્રીવ્યૂ સ્થિર કરવા માટે)

મેટા (Facebook) માર્ગદર્શન

• ન્યૂનતમ ૨૦૦×૨૦૦.
• વધુ સારા પ્રદર્શન માટે, ૧૨૦૦×૬૩૦ કે તેથી વધુ; ઓછામાં ઓછું ૬૦૦×૩૧૫ સંદર્ભિત છે. (Facebook Developers)
• ૧.૯૧:૧ ની નજીકનો રેશિયો ક્રોપિંગ ટાળવામાં મદદ કરે છે.
• ફાઇલ સાઇઝ માર્ગદર્શનમાં ૮ MB અથવા ઓછી હોવી જોઈએ.

X (Twitter) કાર્ડ માર્ગદર્શન

• summary_large_image ૨:૧ રેશિયોને સપોર્ટ કરે છે; ન્યૂનતમ ૩૦૦×૧૫૭, મહત્તમ ૪૦૯૬×૪૦૯૬.
• ૫ MB થી ઓછી ફાઇલ સાઇઝ અને સામાન્ય ફોર્મેટ્સ (JPG/PNG/WEBP/GIF) સંદર્ભિત છે.

જ્યારે ફેરફારો દેખાતા નથી (કેશ અને રી-ફેચ)

• SNS ક્રોલર્સ OG ડેટાને કેશ કરે છે. રી-ફેચ કરવા માટે દરેક પ્લેટફોર્મના ડીબગર/ઇન્સ્પેક્ટરનો ઉપયોગ કરો.
• જો તમે ઇમેજ બદલી હોય પણ તે અપડેટ થતી નથી, તો ઇમેજ URL પોતે જ કેશ હોઈ શકે છે; ફાઇલનું નામ બદલો અથવા ક્વેરી સ્ટ્રિંગ ઉમેરો.
• og:image:width/height ઉમેરવાથી રેન્ડર સ્થિરતામાં સુધારો થઈ શકે છે.

ચકાસણી માટેના સાધનો

Meta Sharing Debugger

OG ટેગ્સ રી-ફેચ અને તપાસો.

LinkedIn Post Inspector

LinkedIn ના કેશ કરેલા પ્રીવ્યૂને રિફ્રેશ કરો.

X Card Validator

Twitter કાર્ડ રેન્ડરિંગ તપાસો.

FAQ

Twitter કાર્ડ ટેગ્સ પણ સામેલ કરવા?

હા. twitter:card અને સંબંધિત ટેગ્સ એકસાથે જનરેટ કરી શકાય છે. X OG ટેગ્સ પર પાછા ફરી શકે છે, તેથી ન્યૂનતમ સેટઅપ પણ કામ કરે છે.

ભલામણ કરેલ ઇમેજ સાઇઝ?

માર્ગદર્શિકા તરીકે, Meta ૧૨૦૦×૬૩૦ અથવા તેથી વધુ અને ૧.૯૧:૧ ની નજીકના રેશિયોનું સૂચન કરે છે. X ના summary_large_image માટે અલગ રેશિયો અને ન્યૂનતમ કદ છે.

પ્રીવ્યૂ અપડેટ થતું નથી

મોટે ભાગે તે કેશ હોય છે. ડીબગર્સ/ઇન્સ્પેક્ટર્સ દ્વારા રી-ફેચ કરો, અને જો તમે ઇમેજ બદલી હોય, તો નવા ઇમેજ URL નો ઉપયોગ કરો.