Framer ਸੋਸ਼ਲ ਪ੍ਰੀਵਿਊ ਅੱਪਡੇਟ ਨਹੀਂ ਹੋ ਰਿਹਾ ਹੈ
Framer ਸਾਈਟ-ਪੱਧਰੀ ਸੋਸ਼ਲ ਪ੍ਰੀਵਿਊ, ਪੰਨੇ ਦੇ ਓਵਰਰਾਈਡ ਅਤੇ ਪ੍ਰਤੀ-ਆਈਟਮ CMS ਚਿੱਤਰ ਸੈੱਟ ਕਰਦਾ ਹੈ। ਜੇਕਰ ਨਵੀਂ ਤਸਵੀਰ ਲਾਈਵ ਹੈ ਪਰ ਪੁਰਾਣੀ ਅਜੇ ਵੀ ਦਿਖਾਈ ਦੇ ਰਹੀ ਹੈ, ਤਾਂ ਇਸਦਾ ਕਾਰਨ ਪਲੇਟਫਾਰਮ ਦਾ ਕੈਸ਼ (cache) ਹੈ।
ਆਖਰੀ ਵਾਰ ਅੱਪਡੇਟ ਕੀਤਾ ਗਿਆ
ਤੁਰੰਤ ਹੱਲ
ਸਾਈਟ ਸੈਟਿੰਗਾਂ ਵਿੱਚ ਚਿੱਤਰ ਸੈੱਟ ਕਰੋ, ਜਾਂ ਇਸਨੂੰ ਪੰਨੇ ਦੀਆਂ ਸੈਟਿੰਗਾਂ ਵਿੱਚ ਓਵਰਰਾਈਡ ਕਰੋ।
CMS ਪੰਨਿਆਂ ਲਈ, ਪੰਨਾ ਚਿੱਤਰ, ਸੋਸ਼ਲ ਪ੍ਰੀਵਿਊ ਅਧੀਨ CMS ਵੇਰੀਏਬਲ ਚੁਣੋ।
ਸਾਈਟ ਨੂੰ ਮੁੜ-ਪ੍ਰਕਾਸ਼ਿਤ ਕਰੋ।
ਮੈਟਾ ਟੈਗ ਚੈਕਰ ਨਾਲ ਇਸਦੀ ਜਾਂਚ ਕਰੋ, ਫਿਰ ਹਰੇਕ ਪਲੇਟਫਾਰਮ ਨੂੰ ਰਿਫ੍ਰੈਸ਼ ਕਰੋ।
Framer ਪੂਰਵਦਰਸ਼ਨ ਅੱਪਡੇਟ ਕਿਉਂ ਨਹੀਂ ਹੋ ਰਿਹਾ ਹੈ
ਸਾਈਟ ਦੁਬਾਰਾ ਪ੍ਰਕਾਸ਼ਿਤ (re-published) ਨਹੀਂ ਕੀਤੀ ਗਈ ਹੈ। ਸੈਟਿੰਗਾਂ ਦੇ ਬਦਲਾਅ ਤੁਹਾਡੇ ਵੱਲੋਂ ਪ੍ਰਕਾਸ਼ਿਤ ਕੀਤੇ ਜਾਣ ਤੋਂ ਬਾਅਦ ਹੀ ਲਾਈਵ ਹੁੰਦੇ ਹਨ।
ਇੱਕ ਪੇਜ ਓਵਰਰਾਈਡ ਜਿੱਤਦਾ ਹੈ। ਕਿਸੇ ਪੇਜ ਦਾ ਆਪਣਾ ਸੋਸ਼ਲ ਚਿੱਤਰ ਸਾਈਟ ਦੇ ਡਿਫੌਲਟ ਚਿੱਤਰ ਦੀ ਥਾਂ ਲੈ ਲੈਂਦਾ ਹੈ।
CMS ਪੇਜ ਕਿਸੇ ਚਿੱਤਰ ਖੇਤਰ (image field) ਨਾਲ ਬੰਨ੍ਹਿਆ ਨਹੀਂ ਹੈ, ਇਸ ਲਈ ਹਰੇਕ ਆਈਟਮ ਡਿਫੌਲਟ ਚਿੱਤਰ ਦਿਖਾਉਂਦੀ ਹੈ।
ਪਲੇਟਫਾਰਮ ਨੇ ਪੁਰਾਣੇ ਚਿੱਤਰ ਨੂੰ ਕੈਸ਼ (cache) ਕਰ ਲਿਆ ਹੈ। Framer ਦਾ ਸਹਾਇਤਾ ਕੇਂਦਰ Slack, LinkedIn ਅਤੇ X 'ਤੇ ਕੈਸ਼ਿੰਗ ਨੂੰ ਆਮ ਕਾਰਨ ਦੱਸਦਾ ਹੈ।
ਇਸਨੂੰ ਕਿਵੇਂ ਠੀਕ ਕਰਨਾ ਹੈ
ਸਾਈਟ ਸੈਟਿੰਗਾਂ ਖੋਲ੍ਹੋ ਅਤੇ ਡਿਫੌਲਟ ਸੋਸ਼ਲ ਪੂਰਵਦਰਸ਼ਨ ਚਿੱਤਰ ਸੈੱਟ ਕਰੋ।
ਕਿਸੇ ਇੱਕ ਪੇਜ ਲਈ, ਉਸਦੀਆਂ ਪੇਜ ਸੈਟਿੰਗਾਂ ਖੋਲ੍ਹੋ ਅਤੇ ਇੱਕ ਵੱਖਰਾ ਚਿੱਤਰ ਸੈੱਟ ਕਰੋ।
ਇੱਕ CMS ਟੈਂਪਲੇਟ ਲਈ, ਇੱਕ Image ਖੇਤਰ ਸ਼ਾਮਲ ਕਰੋ, ਇਸਨੂੰ ਪ੍ਰਤੀ ਆਈਟਮ ਭਰੋ, ਫਿਰ Page ਸੈਟਿੰਗਾਂ ਵਿੱਚ Page images, Social preview, CMS Variables ਚੁਣੋ ਅਤੇ ਖੇਤਰ ਨੂੰ ਚੁਣੋ।
ਪ੍ਰਤੀ-ਆਈਟਮ ਸਿਰਲੇਖਾਂ ਅਤੇ ਵੇਰਵਿਆਂ ਲਈ {{Title}} ਅਤੇ {{Description}} ਸਟਾਈਲ ਵੇਰੀਏਬਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ।
ਪ੍ਰਕਾਸ਼ਿਤ ਕਰੋ, ਫਿਰ meta tag checker ਨਾਲ ਲਾਈਵ URL ਦੀ ਜਾਂਚ ਕਰੋ।
ਟੈਗਸ ਜੋ Framer ਆਉਟਪੁੱਟ ਕਰਦਾ ਹੈ
ਪੇਜ ਦੇ ਸਿਰਲੇਖ ਤੋਂ
og:titleਅਤੇtwitter:titleog:descriptionਅਤੇtwitter:descriptionਸੋਸ਼ਲ ਪੂਰਵਦਰਸ਼ਨ ਤੋਂ
og:imageਅਤੇtwitter:imageog:urlਅਤੇog:typetwitter:cardਨੂੰsummary_large_image'ਤੇ ਸੈੱਟ ਕੀਤਾ ਗਿਆ ਹੈ
ਪੁਸ਼ਟੀ ਨਹੀਂ ਕੀਤੀ ਗਈ: Framer ਆਪਣੀ ਸਹੀ ਟੈਗ ਸੂਚੀ ਦਾ ਦਸਤਾਵੇਜ਼ੀਕਰਨ ਨਹੀਂ ਕਰਦਾ ਹੈ। ਇਹ ਉਹ ਹੈ ਜੋ ਅਸੀਂ ਅਕਤੂਬਰ 2026 ਵਿੱਚ ਪ੍ਰਕਾਸ਼ਿਤ Framer ਸਾਈਟਾਂ 'ਤੇ ਪੜ੍ਹਿਆ ਸੀ।
ਚਿੱਤਰ ਦੇ ਆਕਾਰ ਦੇ ਨਿਯਮ
Framer ਸੋਸ਼ਲ ਪੂਰਵਦਰਸ਼ਨਾਂ ਲਈ 1200 x 630 px ਅਨੁਪਾਤ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ
ਮਹੱਤਵਪੂਰਨ ਹਿੱਸੇ ਨੂੰ ਕੇਂਦਰ ਵਿੱਚ ਰੱਖੋ
ਜੇਕਰ WhatsApp ਤੁਹਾਡੇ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ ਤਾਂ 600 KB ਤੋਂ ਘੱਟ ਰੱਖੋ
OG image size checker ਨਾਲ ਫ਼ਾਈਲ ਦੀ ਜਾਂਚ ਕਰੋ।
ਰਿਫ੍ਰੈਸ਼ ਕਰਨ ਲਈ ਮਜਬੂਰ ਕਿਵੇਂ ਕਰੀਏ
Framer ਕਿਸੇ ਹੋਰ ਪਲੇਟਫਾਰਮ ਦੇ ਕੈਸ਼ ਨੂੰ ਸਾਫ਼ ਨਹੀਂ ਕਰ ਸਕਦਾ ਹੈ। LinkedIn ਦੇ Post Inspector ਅਤੇ Facebook ਦੇ Sharing Debugger ਦੀ ਵਰਤੋਂ ਕਰੋ, ਅਤੇ X, Slack ਅਤੇ Discord 'ਤੇ ਇੱਕ ਪੁੱਛਗਿੱਛ ਸਟ੍ਰਿੰਗ (query string) ਨਾਲ URL ਸਾਂਝਾ ਕਰੋ। refresh tool ਵਿੱਚ ਹਰੇਕ ਐਪ ਲਈ ਕਦਮ ਮੌਜੂਦ ਹਨ।
ਸਰੋਤ
ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ
ਮੇਰੀ Framer ਸੋਸ਼ਲ ਪ੍ਰੀਵਿਊ ਤਸਵੀਰ ਅੱਪਡੇਟ ਕਿਉਂ ਨਹੀਂ ਹੋ ਰਹੀ ਹੈ?
ਆਮ ਤੌਰ 'ਤੇ ਪਲੇਟਫਾਰਮ ਪੁਰਾਣੀ ਤਸਵੀਰ ਨੂੰ ਕੈਸ਼ (cache) ਕਰ ਲੈਂਦਾ ਹੈ। ਦੁਬਾਰਾ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰੋ, ਮੈਟਾ ਟੈਗ ਚੈਕਰ ਨਾਲ ਨਵੀਂ ਤਸਵੀਰ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ, ਅਤੇ ਫਿਰ ਹਰੇਕ ਪਲੇਟਫਾਰਮ ਨੂੰ ਰਿਫ੍ਰੈਸ਼ ਕਰੋ।
ਮੈਂ ਹਰੇਕ Framer CMS ਪੰਨੇ ਲਈ ਇੱਕ ਵੱਖਰੀ ਸੋਸ਼ਲ ਚਿੱਤਰ (social image) ਕਿਵੇਂ ਸੈੱਟ ਕਰਾਂ?
ਇੱਕ ਚਿੱਤਰ (Image) ਖੇਤਰ ਸ਼ਾਮਲ ਕਰੋ, ਫਿਰ CMS ਪੰਨੇ ਦੀਆਂ 'ਪੰਨਾ ਸੈਟਿੰਗਾਂ' (Page settings) ਵਿੱਚ ਜਾ ਕੇ 'ਪੰਨਾ ਚਿੱਤਰ' (Page images), 'ਸੋਸ਼ਲ ਪ੍ਰੀਵਿਊ' (Social preview), 'CMS ਵੇਰੀਏਬਲ' (CMS Variables) ਚੁਣੋ ਅਤੇ ਸੰਬੰਧਿਤ ਖੇਤਰ ਨੂੰ ਚੁਣੋ।
Framer ਸੋਸ਼ਲ ਪ੍ਰੀਵਿਊ ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਕੀ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ?
Framer 1200 x 630 px ਅਨੁਪਾਤ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਸਮੱਗਰੀ ਨੂੰ ਵਿਚਕਾਰ (ਕੇਂਦਰ ਵਿੱਚ) ਰੱਖੋ।
ਆਪਣਾ ਪੰਨਾ ਦੇਖੋ, ਫਿਰ ਪ੍ਰੀਵਿਊ ਨੂੰ ਰਿਫ੍ਰੈਸ਼ ਕਰੋ
ਹਰੇਕ ਐਪ ਦੁਆਰਾ ਪੜ੍ਹੇ ਜਾਣ ਵਾਲੇ ਸਹੀ ਟੈਗ ਦੇਖਣ ਲਈ ਆਪਣਾ URL ਮੁਫ਼ਤ ਚੈਕਰ ਵਿੱਚ ਪੇਸਟ ਕਰੋ। ਟੈਗ ਸਹੀ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਪੁਰਾਣੇ ਪ੍ਰੀਵਿਊ ਨੂੰ ਹਟਾਉਣ ਲਈ ਰਿਫ੍ਰੈਸ਼ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋ।
ਸੰਬੰਧਿਤ ਗਾਈਡਾਂ
Webflow ਓਪਨ ਗ੍ਰਾਫ ਚਿੱਤਰ ਕੰਮ ਨਹੀਂ ਕਰ ਰਿਹਾ ਹੈ
Webflow ਓਪਨ ਗ੍ਰਾਫ (Open Graph) ਨੂੰ ਹਰੇਕ ਪੰਨੇ ਮੁਤਾਬਕ ਸੈੱਟ ਕਰਦਾ ਹੈ, ਕਦੇ ਵੀ ਵਿਆਪਕ ਤੌਰ 'ਤੇ (ਗਲੋਬਲੀ) ਨਹੀਂ। CMS ਟੈਂਪਲੇਟ ਪੰਨਿਆਂ ਲਈ ਇੱਕ ਚਿੱਤਰ (Image) ਫੀਲਡ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ, ਅਤੇ ਉਸ ਸੰਗ੍ਰਹਿ (ਕਲੈਕਸ਼ਨ) ਵਿੱਚ ਮੌਜੂਦ ਹਰੇਕ ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਇੱਕੋ ਜਿਹਾ ਹੋਣਾ ਲਾਜ਼ਮੀ ਹੈ।
Next.js ਓਪਨ ਗ੍ਰਾਫ਼ (Open Graph) ਚਿੱਤਰ ਕੰਮ ਨਹੀਂ ਕਰ ਰਿਹਾ ਹੈ
ਜ਼ਿਆਦਾਤਰ Next.js ਪ੍ਰੀਵਿਊ ਬੱਗ Metadata API ਤੋਂ ਆਉਂਦੇ ਹਨ: ਗੁੰਮ ਹੋਇਆ metadataBase, ਇੱਕ openGraph ਆਬਜੈਕਟ ਜੋ ਮੂਲ (parent) ਆਬਜੈਕਟ ਨੂੰ ਬਦਲ ਦਿੰਦਾ ਹੈ, ਜਾਂ ਸੀਮਾ ਤੋਂ ਵੱਡੀ ਇੱਕ ਚਿੱਤਰ ਫ਼ਾਈਲ।
LinkedIn ਲਿੰਕ ਪ੍ਰੀਵਿਊ ਕੰਮ ਨਹੀਂ ਕਰ ਰਿਹਾ ਜਾਂ ਅੱਪਡੇਟ ਨਹੀਂ ਹੋ ਰਿਹਾ ਹੈ
LinkedIn ਚਾਰ og: ਟੈਗਾਂ ਤੋਂ ਕਾਰਡ ਬਣਾਉਂਦਾ ਹੈ ਅਤੇ ਇੱਕ ਕੈਸ਼ ਕੀਤੀ ਕਾਪੀ ਰੱਖਦਾ ਹੈ। ਟੈਗਾਂ ਨੂੰ ਠੀਕ ਕਰੋ, ਫਿਰ Post Inspector ਦੀ ਵਰਤੋਂ ਕਰਕੇ LinkedIn ਨੂੰ ਪੇਜ ਨੂੰ ਦੁਬਾਰਾ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਕਹੋ।