Webflow ਓਪਨ ਗ੍ਰਾਫ ਚਿੱਤਰ ਕੰਮ ਨਹੀਂ ਕਰ ਰਿਹਾ ਹੈ

Webflow ਓਪਨ ਗ੍ਰਾਫ (Open Graph) ਨੂੰ ਹਰੇਕ ਪੰਨੇ ਮੁਤਾਬਕ ਸੈੱਟ ਕਰਦਾ ਹੈ, ਕਦੇ ਵੀ ਵਿਆਪਕ ਤੌਰ 'ਤੇ (ਗਲੋਬਲੀ) ਨਹੀਂ। CMS ਟੈਂਪਲੇਟ ਪੰਨਿਆਂ ਲਈ ਇੱਕ ਚਿੱਤਰ (Image) ਫੀਲਡ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ, ਅਤੇ ਉਸ ਸੰਗ੍ਰਹਿ (ਕਲੈਕਸ਼ਨ) ਵਿੱਚ ਮੌਜੂਦ ਹਰੇਕ ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਇੱਕੋ ਜਿਹਾ ਹੋਣਾ ਲਾਜ਼ਮੀ ਹੈ।

ਆਖਰੀ ਵਾਰ ਅੱਪਡੇਟ ਕੀਤਾ ਗਿਆ

ਆਪਣਾ URL ਚੈੱਕ ਕਰੋ

ਪੂਰਵ-ਦਰਸ਼ਨ ਤਾਜ਼ਾ ਕਰੋ

ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਦੇਖੋ

ਤੁਰੰਤ ਹੱਲ


  1. ਜਿਸ ਪੰਨੇ ਨੂੰ ਤੁਸੀਂ ਸਾਂਝਾ ਕਰਦੇ ਹੋ, ਉਸ ਲਈ ਪੰਨਾ ਸੈਟਿੰਗਾਂ (Page settings), ਓਪਨ ਗ੍ਰਾਫ਼ ਸੈਟਿੰਗਾਂ (Open Graph settings) ਖੋਲ੍ਹੋ।

  2. CMS ਟੈਂਪਲੇਟਾਂ 'ਤੇ, ਸੰਗ੍ਰਹਿ (collection) ਵਿੱਚੋਂ ਇੱਕ ਚਿੱਤਰ ਖੇਤਰ ਚੁਣੋ।

  3. ਪੂਰੇ ਸੰਗ੍ਰਹਿ ਲਈ ਇੱਕੋ ਆਕਾਰ, 1200 x 630 px 'ਤੇ JPG ਜਾਂ PNG ਦੀ ਵਰਤੋਂ ਕਰੋ।

  4. ਪ੍ਰਕਾਸ਼ਿਤ ਕਰੋ, ਫਿਰ ਰਿਫ੍ਰੈਸ਼ ਟੂਲ ਨਾਲ ਲਿੰਕ ਨੂੰ ਤਾਜ਼ਾ ਕਰੋ।


Webflow ਚਿੱਤਰ ਕਿਉਂ ਨਹੀਂ ਦਿਖਾਈ ਦੇ ਰਿਹਾ ਹੈ

  • ਪੰਨੇ 'ਤੇ ਕੋਈ Open Graph ਚਿੱਤਰ ਨਹੀਂ ਹੈ। Webflow ਵਿਸ਼ਵ ਪੱਧਰ 'ਤੇ Open Graph ਟੈਗ ਸੈੱਟ ਨਹੀਂ ਕਰ ਸਕਦਾ; ਹਰੇਕ ਪੰਨੇ ਨੂੰ ਆਪਣੇ ਟੈਗ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।

  • CMS ਕਲੈਕਸ਼ਨ ਵਿੱਚ ਕੋਈ Image ਖੇਤਰ ਨਹੀਂ ਹੈ, ਇਸ ਲਈ ਟੈਮਪਲੇਟ 'ਤੇ Open Graph ਚਿੱਤਰ ਡ੍ਰੌਪਡਾਉਨ ਖਾਲੀ ਹੈ।

  • ਕਲੈਕਸ਼ਨ ਵਿਚਲੀਆਂ ਤਸਵੀਰਾਂ ਦੇ ਵੱਖ-ਵੱਖ ਆਕਾਰ ਹਨ। Webflow ਨੂੰ ਕਲੈਕਸ਼ਨ ਵਿਚਲੇ ਸਾਰੇ Open Graph ਚਿੱਤਰਾਂ ਲਈ ਇੱਕੋ ਆਕਾਰ (ਡਾਇਮੈਂਸ਼ਨਜ਼) ਹੋਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।

  • ਚਿੱਤਰ WebP ਜਾਂ AVIF ਹੈ। ਐਸੇਟ ਪਿਕਰ ਸਿਰਫ਼ JPG ਅਤੇ PNG ਦੀ ਸੂਚੀ ਦਿੰਦਾ ਹੈ। Webflow ਨੋਟ ਕਰਦਾ ਹੈ ਕਿ ਕੁਝ ਪਲੇਟਫਾਰਮ, ਜਿਨ੍ਹਾਂ ਵਿੱਚ LinkedIn ਵੀ ਸ਼ਾਮਲ ਹੈ, ਇੱਥੇ WebP ਜਾਂ AVIF ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੇ ਹਨ।

  • ਬਦਲਾਅ ਅਜੇ ਪ੍ਰਕਾਸ਼ਿਤ ਨਹੀਂ ਹੋਇਆ ਹੈ, ਜਾਂ ਪਲੇਟਫਾਰਮ ਨੇ ਪੁਰਾਣੇ ਕਾਰਡ ਨੂੰ ਕੈਸ਼ ਕਰ ਲਿਆ ਹੈ।

ਇਸਨੂੰ ਕਿਵੇਂ ਠੀਕ ਕਰਨਾ ਹੈ

  1. Pages ਪੈਨਲ ਵਿੱਚ, Page ਸੈਟਿੰਗਾਂ ਖੋਲ੍ਹੋ, ਫਿਰ Open Graph ਸੈਟਿੰਗਾਂ।

  2. Select image 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਆਪਣੀਆਂ ਐਸੇਟਾਂ ਵਿੱਚੋਂ ਇੱਕ JPG ਜਾਂ PNG ਚੁਣੋ, ਜਾਂ ਇੱਕ ਜਨਤਕ ਚਿੱਤਰ URL ਪੇਸਟ ਕਰੋ।

  3. ਕਿਸੇ CMS ਟੈਮਪਲੇਟ ਪੰਨੇ ਲਈ, Open Graph ਚਿੱਤਰ ਡ੍ਰੌਪਡਾਉਨ ਵਿੱਚੋਂ ਇੱਕ Image ਖੇਤਰ ਜਿਵੇਂ ਕਿ ਮੁੱਖ ਚਿੱਤਰ ਚੁਣੋ।

  4. ਜੇਕਰ ਸਾਰੇ ਚਿੱਤਰਾਂ ਦਾ ਆਕਾਰ ਇੱਕੋ ਜਿਹਾ ਹੈ, ਤਾਂ Site ਸੈਟਿੰਗਾਂ, Custom code, Head code ਵਿੱਚ og:image:width ਅਤੇ og:image:height ਸ਼ਾਮਲ ਕਰੋ।

  5. ਸਾਈਟ ਨੂੰ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰੋ ਅਤੇ ਮੈਟਾ ਟੈਗ ਚੈਕਰ ਨਾਲ ਲਾਈਵ URL ਦੀ ਜਾਂਚ ਕਰੋ।

Webflow ਵੱਲੋਂ ਆਊਟਪੁੱਟ ਕੀਤੇ ਜਾਣ ਵਾਲੇ ਟੈਗ

  • og:title (ਜਾਂ ਤੁਹਾਡਾ SEO ਸਿਰਲੇਖ, ਜੇਕਰ ਤੁਸੀਂ ਬਾਕਸ ਨੂੰ ਚੈੱਕ ਕਰਦੇ ਹੋ)

  • og:description

  • og:image

  • ਬਾਕੀ ਕੁਝ ਵੀ, ਜਿਵੇਂ ਕਿ og:image:width, ਕਸਟਮ ਕੋਡ ਵਿੱਚ ਜਾਂਦਾ ਹੈ

ਚਿੱਤਰ ਦੇ ਆਕਾਰ ਸੰਬੰਧੀ ਨਿਯਮ

  • Webflow ਦੇ ਗਾਈਡ ਅਨੁਸਾਰ 1.91:1 'ਤੇ ਘੱਟੋ-ਘੱਟ 1200 x 630 px

  • ਐਸੇਟ ਪਿਕਰ ਵਿੱਚੋਂ JPG ਜਾਂ PNG

  • ਕਲੈਕਸ਼ਨ ਵਿਚਲੇ ਹਰੇਕ Open Graph ਚਿੱਤਰ ਲਈ ਇੱਕੋ ਆਕਾਰ

  • ਜ਼ਿਆਦਾ ਕੰਪਰੈਸ਼ਨ ਤੋਂ ਬਚੋ; Webflow Open Graph ਲਈ ਅਣਕੰਪਰੈੱਸਡ ਕਾਪੀ ਅੱਪਲੋਡ ਕਰਨ ਦਾ ਸੁਝਾਅ ਦਿੰਦਾ ਹੈ

ਜ਼ਬਰਦਸਤੀ ਰਿਫ੍ਰੈਸ਼ ਕਿਵੇਂ ਕਰੀਏ

ਪ੍ਰਕਾਸ਼ਿਤ ਕਰਨ ਨਾਲ ਦੂਜੇ ਪਲੇਟਫਾਰਮਾਂ ਦੇ ਕੈਸ਼ ਸਾਫ਼ ਨਹੀਂ ਹੁੰਦੇ ਹਨ। URL ਨੂੰ Facebook ਦੇ Sharing Debugger ਅਤੇ LinkedIn ਦੇ Post Inspector ਰਾਹੀਂ ਚਲਾਓ, ਅਤੇ X, Slack ਜਾਂ Discord 'ਤੇ ਸਾਂਝਾ ਕਰਦੇ ਸਮੇਂ ਇੱਕ query string ਸ਼ਾਮਲ ਕਰੋ। ਰਿਫ੍ਰੈਸ਼ ਟੂਲ ਉਹਨਾਂ ਸਾਰਿਆਂ ਨੂੰ ਲਿੰਕ ਕਰਦਾ ਹੈ।

ਸਰੋਤ

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

ਕੀ ਮੈਂ ਆਪਣੀ ਪੂਰੀ Webflow ਸਾਈਟ ਲਈ ਇੱਕ ਓਪਨ ਗ੍ਰਾਫ਼ (Open Graph) ਚਿੱਤਰ ਸੈੱਟ ਕਰ ਸਕਦਾ ਹਾਂ?

ਨਹੀਂ। ਵੈੱਬਫਲੋਅ (Webflow) ਕਹਿੰਦਾ ਹੈ ਕਿ ਓਪਨ ਗ੍ਰਾਫ (Open Graph) ਟੈਗ ਸਿਰਫ਼ ਉਸੇ ਪੰਨੇ 'ਤੇ ਲਾਗੂ ਹੁੰਦੇ ਹਨ ਜਿੱਥੇ ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਸੈੱਟ ਕਰਦੇ ਹੋ, ਇਸ ਲਈ ਉਹਨਾਂ ਨੂੰ ਪ੍ਰਤੀ ਪੰਨੇ ਦੇ ਹਿਸਾਬ ਨਾਲ ਸੈੱਟ ਕਰੋ।

ਮੇਰੇ CMS ਟੈਂਪਲੇਟ 'ਤੇ ਓਪਨ ਗ੍ਰਾਫ (Open Graph) ਚਿੱਤਰ ਡ੍ਰੌਪਡਾਉਨ ਖਾਲੀ ਕਿਉਂ ਹੈ?

ਕਲੈਕਸ਼ਨ ਵਿੱਚ ਕੋਈ ਚਿੱਤਰ (Image) ਫੀਲਡ ਨਹੀਂ ਹੈ। ਇੱਕ ਫੀਲਡ ਸ਼ਾਮਲ ਕਰੋ, ਹਰੇਕ ਆਈਟਮ ਲਈ ਇਸਨੂੰ ਭਰੋ ਅਤੇ ਇਸਨੂੰ ਓਪਨ ਗ੍ਰਾਫ (Open Graph) ਸੈਟਿੰਗਾਂ ਵਿੱਚ ਚੁਣੋ।

ਕੀ ਮੈਂ ਵੈੱਬਫਲੋ (Webflow) ਓਪਨ ਗ੍ਰਾਫ (Open Graph) ਚਿੱਤਰ ਲਈ WebP ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦਾ ਹਾਂ?

ਸਿਰਫ਼ ਇਸਦਾ URL ਪੇਸਟ ਕਰਕੇ; ਪਿਕਰ JPG ਅਤੇ PNG ਸੂਚੀਬੱਧ ਕਰਦਾ ਹੈ। Webflow JPG ਜਾਂ PNG ਦੀ ਸਿਫ਼ਾਰਸ਼ ਕਰਦਾ ਹੈ ਕਿਉਂਕਿ ਕੁਝ ਪਲੇਟਫਾਰਮ WebP ਨੂੰ ਨਹੀਂ ਪੜ੍ਹਦੇ ਹਨ।

ਆਪਣਾ ਪੰਨਾ ਦੇਖੋ, ਫਿਰ ਪ੍ਰੀਵਿਊ ਨੂੰ ਰਿਫ੍ਰੈਸ਼ ਕਰੋ

ਹਰੇਕ ਐਪ ਦੁਆਰਾ ਪੜ੍ਹੇ ਜਾਣ ਵਾਲੇ ਸਹੀ ਟੈਗ ਦੇਖਣ ਲਈ ਆਪਣਾ URL ਮੁਫ਼ਤ ਚੈਕਰ ਵਿੱਚ ਪੇਸਟ ਕਰੋ। ਟੈਗ ਸਹੀ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਪੁਰਾਣੇ ਪ੍ਰੀਵਿਊ ਨੂੰ ਹਟਾਉਣ ਲਈ ਰਿਫ੍ਰੈਸ਼ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋ।

ਆਪਣਾ URL ਚੈੱਕ ਕਰੋ

ਪੂਰਵਦਰਸ਼ਨ ਤਾਜ਼ਾ ਕਰੋ

ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਦੇਖੋ

ਸੰਬੰਧਿਤ ਗਾਈਡਾਂ

Framer ਸੋਸ਼ਲ ਪ੍ਰੀਵਿਊ ਅੱਪਡੇਟ ਨਹੀਂ ਹੋ ਰਿਹਾ ਹੈ

Framer ਸਾਈਟ-ਪੱਧਰੀ ਸੋਸ਼ਲ ਪ੍ਰੀਵਿਊ, ਪੰਨੇ ਦੇ ਓਵਰਰਾਈਡ ਅਤੇ ਪ੍ਰਤੀ-ਆਈਟਮ CMS ਚਿੱਤਰ ਸੈੱਟ ਕਰਦਾ ਹੈ। ਜੇਕਰ ਨਵੀਂ ਤਸਵੀਰ ਲਾਈਵ ਹੈ ਪਰ ਪੁਰਾਣੀ ਅਜੇ ਵੀ ਦਿਖਾਈ ਦੇ ਰਹੀ ਹੈ, ਤਾਂ ਇਸਦਾ ਕਾਰਨ ਪਲੇਟਫਾਰਮ ਦਾ ਕੈਸ਼ (cache) ਹੈ।

Shopify ਸੋਸ਼ਲ ਸ਼ੇਅਰਿੰਗ ਤਸਵੀਰ ਕੰਮ ਨਹੀਂ ਕਰ ਰਹੀ ਹੈ

Shopify ਇੱਕ ਨਿਰਧਾਰਤ ਕ੍ਰਮ ਵਿੱਚ ਸਾਂਝੀ ਕੀਤੀ ਜਾਣ ਵਾਲੀ ਤਸਵੀਰ ਚੁਣਦਾ ਹੈ: ਪਹਿਲਾਂ ਥੀਮ ਕੋਡ, ਫਿਰ ਥੀਮ ਸੈਟਿੰਗਾਂ, ਅਤੇ ਫਿਰ ਤਰਜੀਹਾਂ (Preferences) ਵਿੱਚ ਮੌਜੂਦ ਤਸਵੀਰ। ਗਲਤ ਜਗ੍ਹਾ 'ਤੇ ਅੱਪਲੋਡ ਕਰਨਾ ਸਭ ਤੋਂ ਆਮ ਕਾਰਨ ਹੈ।

LinkedIn ਲਿੰਕ ਪ੍ਰੀਵਿਊ ਕੰਮ ਨਹੀਂ ਕਰ ਰਿਹਾ ਜਾਂ ਅੱਪਡੇਟ ਨਹੀਂ ਹੋ ਰਿਹਾ ਹੈ

LinkedIn ਚਾਰ og: ਟੈਗਾਂ ਤੋਂ ਕਾਰਡ ਬਣਾਉਂਦਾ ਹੈ ਅਤੇ ਇੱਕ ਕੈਸ਼ ਕੀਤੀ ਕਾਪੀ ਰੱਖਦਾ ਹੈ। ਟੈਗਾਂ ਨੂੰ ਠੀਕ ਕਰੋ, ਫਿਰ Post Inspector ਦੀ ਵਰਤੋਂ ਕਰਕੇ LinkedIn ਨੂੰ ਪੇਜ ਨੂੰ ਦੁਬਾਰਾ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਕਹੋ।