OGP Tag Generator (og:title, og:image ਆਦਿ ਲਈ ਆਟੋ ਆਉਟਪੁੱਟ)

URL, title, description ਅਤੇ image URL ਦਾਖਲ ਕਰੋ। ਇੱਕੇ ਥਾਂ Open Graph ਅਤੇ Twitter Card meta tag ਬਣਾਓ।

ਕਾਪੀ-ਪੇਸਟ ਲਈ ਤਿਆਰ ਅੰਦਰੂਨੀ ਪ੍ਰੀਵਿਊ Image ਅਤੇ cache guide

ਵਰਤੋਂ ਦਾ ਤਰੀਕਾ

  1. ਟੂਲ ਖੋਲ੍ਹੋ ਅਤੇ canonical URL, title ਅਤੇ image URL ਦਾਖਲ ਕਰੋ।
  2. ਚਾਹੋ ਤਾਂ description, site name ਅਤੇ Twitter setting ਸ਼ਾਮਲ ਕਰੋ।
  3. ਬਣੇ ਹੋਏ meta tag ਕਾਪੀ ਕਰੋ ਅਤੇ ਪੇਜ ਦੇ head ਵਿੱਚ ਪੇਸਟ ਕਰੋ।
  4. Preview ਅਤੇ notice ਵੇਖੋ, ਫਿਰ ਲੋੜ ਹੋਵੇ ਤਾਂ image ratio ਜਾਂ cache strategy ਠੀਕ ਕਰੋ।

OGP ਕੀ ਹੈ?

Open Graph Protocol (OGP) ਉਹ metadata ਹੈ ਜਿਸਨੂੰ social platform ਅਤੇ chat app link preview ਦਿਖਾਉਣ ਲਈ ਵਰਤਦੇ ਹਨ।

og:title, og:description, og:image ਅਤੇ ਸੰਬੰਧਤ tag ਸੈੱਟ ਕਰਕੇ ਤੁਸੀਂ shared URL ਦੀ ਦਿਖਾਵਟ 'ਤੇ ਅਸਰ ਪਾ ਸਕਦੇ ਹੋ।

OGP ਨੂੰ Twitter Card tag ਨਾਲ ਜੋੜਣ ਨਾਲ ਵੱਖ-ਵੱਖ platform 'ਤੇ preview ਹੋਰ ਇੱਕਸਾਰ ਰਹਿ ਸਕਦਾ ਹੈ।

Image size guide (preview ਹੋਰ ਸਥਿਰ ਦਿਖਾਉਣ ਲਈ)

Meta platform guide (reference)

  • ਘੱਟੋ-ਘੱਟ reference: 200×200।
  • ਅਕਸਰ ਸਥਿਰ: 1200×630 ਜਾਂ ਵੱਡਾ, ਘੱਟੋ-ਘੱਟ 600×315।
  • ਲਕਸ਼ aspect ratio ਲਗਭਗ 1.91:1।
  • Image file size ਲਈ 8MB ਜਾਂ ਘੱਟ ਦੀ ਸਿਫਾਰਸ਼।

X card guide (reference)

  • summary_large_image ਆਮ ਤੌਰ 'ਤੇ ਲਗਭਗ 2:1 ratio ਨੂੰ ਨਿਸ਼ਾਨਾ ਬਣਾਉਂਦਾ ਹੈ।
  • Reference ਰੇਂਜ: ਘੱਟੋ-ਘੱਟ 300×157, ਵੱਧ ਤੋਂ ਵੱਧ 4096×4096।
  • File size ਲਈ 5MB ਤੋਂ ਘੱਟ ਦੀ ਸਿਫਾਰਸ਼।
  • ਜਿੱਥੇ ਸਹਾਇਕ ਹੋਵੇ ਉੱਥੇ JPG/PNG/WEBP/GIF ਵਰਤੋ।

ਜਦੋਂ ਬਦਲਾਅ ਨਹੀਂ ਦਿੱਸਦੇ (cache ਅਤੇ re-scrape)

  • Social crawler fetch ਕੀਤੇ metadata ਨੂੰ cache ਕਰ ਸਕਦੇ ਹਨ। Re-scrape ਮੰਗਣ ਲਈ ਹਰ platform ਦਾ debugger/inspector ਵਰਤੋ।
  • ਜੇ image replacement ਨਹੀਂ ਦਿੱਸਦੀ, ਤਾਂ image URL ਬਦਲਣਾ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ (filename update ਜਾਂ query string)।
  • ਕਈ ਹਾਲਤਾਂ ਵਿੱਚ og:image:width ਅਤੇ og:image:height ਸੈੱਟ ਕਰਨ ਨਾਲ rendering ਹੋਰ ਸਥਿਰ ਹੋ ਸਕਦੀ ਹੈ।

FAQ

ਕੀ ਇਹ Twitter Card tag ਵੀ ਬਣਾ ਸਕਦਾ ਹੈ?

ਹਾਂ। ਇਹ twitter:card ਅਤੇ ਸੰਬੰਧਤ tag ਇਕੱਠੇ output ਕਰ ਸਕਦਾ ਹੈ। Minimal mode ਵੀ ਉਪਲਬਧ ਹੈ।

ਮੈਨੂੰ ਕਿਹੜਾ image size ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ?

Target platform ਅਨੁਸਾਰ ਕਾਰਗਰ guide ਵਰਤੋ। Meta ਲਈ preview ਅਕਸਰ ਲਗਭਗ 1.91:1 (ਉਦਾਹਰਨ 1200×630) ਹੁੰਦੀ ਹੈ, ਜਦਕਿ X summary_large_image ਲਈ ਅਕਸਰ ਲਗਭਗ 2:1 (ਉਦਾਹਰਨ 1200×600) ਵਰਤੀ ਜਾਂਦੀ ਹੈ।

ਬਦਲਾਅ ਕਿਉਂ ਨਹੀਂ ਦਿੱਸ ਰਹੇ?

ਜ਼ਿਆਦਾਤਰ ਹਾਲਤਾਂ ਵਿੱਚ ਇਹ cache ਕਾਰਨ ਹੁੰਦਾ ਹੈ। Platform tool ਨਾਲ re-scrape ਕਰੋ ਅਤੇ image ਬਦਲਣ ਤੋਂ ਬਾਅਦ image URL ਵੀ ਬਦਲਣ ਬਾਰੇ ਸੋਚੋ।