<meta> ਟੈਗ <head> ਵਿੱਚ ਪੰਨੇ ਬਾਰੇ ਮੇਟਾਡਾਟਾ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ — ਅੱਖਰ ਇੰਕੋਡਿੰਗ, viewport ਵਿਵਹਾਰ, SEO ਵਰਣਨ, ਅਤੇ ਸਮਾਜਿਕ ਸਾਂਝਾ ਕਰਨ ਦੀ ਪੂਰਵਦਰਸ਼ਨ। ਇਹ ਪ੍ਰਦਾਨ ਨਹੀਂ ਕੀਤੇ ਜਾਂਦੇ ਪਰ ਬ੍ਰਾਊਜ਼ਰ, ਖੋਜ ਇਞ੍ਜਣ, ਅਤੇ ਸਮਾਜਿਕ ਪਲੇਟਫਾਰਮ ਦੁਆਰਾ ਪੜ੍ਹੇ ਜਾਂਦੇ ਹਨ।
ਮਹੱਤਵਪੂਰਨ ਦੋ
html
<meta> ਟੈਗ <head> ਵਿੱਚ ਪੰਨੇ ਬਾਰੇ ਮੇਟਾਡਾਟਾ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ — ਅੱਖਰ ਇੰਕੋਡਿੰਗ, viewport ਵਿਵਹਾਰ, SEO ਵਰਣਨ, ਅਤੇ ਸਮਾਜਿਕ ਸਾਂਝਾ ਕਰਨ ਦੀ ਪੂਰਵਦਰਸ਼ਨ। ਇਹ ਪ੍ਰਦਾਨ ਨਹੀਂ ਕੀਤੇ ਜਾਂਦੇ ਪਰ ਬ੍ਰਾਊਜ਼ਰ, ਖੋਜ ਇਞ੍ਜਣ, ਅਤੇ ਸਮਾਜਿਕ ਪਲੇਟਫਾਰਮ ਦੁਆਰਾ ਪੜ੍ਹੇ ਜਾਂਦੇ ਹਨ।
charset ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਅੱਖਰ (ਖਾਸ ਤੌਰ 'ਤੇ ਗੈਰ-ASCII) ਸਹੀ ਢੰਗ ਨਾਲ ਡੀਕੋਡ ਹੋ ਜਾਂਦੇ ਹਨ। ਇਸ ਨੂੰ ਪਹਿਲੇ ਰੱਖੋ।viewport ਇਹ ਉਹ ਹੈ ਜੋ ਇੱਕ ਸਾਈਟ ਨੂੰ ਮੋਬਾਈਲ 'ਤੇ responsive ਬਣਾਉਂਦਾ ਹੈ — ਇਸ ਤੋਂ ਬਿਨਾ, ਫੋਨ ਇੱਕ ਨਕਲੀ 980px ਚੌੜਾਈ 'ਤੇ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ ਅਤੇ ਜ਼ੂਮ ਆਊਟ ਕਰਦੇ ਹਨ, ਤੁਹਾਡੀ responsive CSS ਨੂੰ ਤੋੜਦੇ ਹਨ।<title>Page Title — 50–60 chars</title>
<meta name="description" content="Summary shown in search results, ~150 chars" />
<link rel="canonical" href="https://site.com/page" /> <!-- avoid duplicate-content penalties -->
<title> ਅਤੇ description ਉਹ ਹਨ ਜੋ Google ਦੇ ਨਤੀਜਿਆਂ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ, ਇਸ ਲਈ ਉਹ ਕ੍ਲਿਕ-ਥਰੂ ਚਲਾਉਂਦੇ ਹਨ। canonical ਖੋਜ ਇਞ੍ਜਣਾਂ ਨੂੰ ਪ੍ਰਮਾਣਿਕ URL ਦੱਸਦਾ ਹੈ।
<meta property="og:title" content="Shareable title" />
<meta property="og:description" content="Shown when shared" />
<meta property="og:image" content="https://site.com/preview.jpg" />
<meta property="og:url" content="https://site.com/page" />
<meta name="twitter:card" content="summary_large_image" />
ਇਹ ਕਾਰਡ ਨਿਯੰਤਰਿਤ ਕਰਦੇ ਹਨ ਜੋ ਜਦੋਂ ਤੁਹਾਡੀ ਲਿੰਕ Facebook, LinkedIn, Slack, X, ਆਦਿ 'ਤੇ ਸਾਂਝੀ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ — ਇਹਨਾਂ ਤੋਂ ਬਿਨਾ ਤੁਹਾਨੂੰ ਇੱਕ ਬਦਸੂਰਤ ਜਾਂ ਖਾਲੀ ਪੂਰਵਦਰਸ਼ਨ ਮਿਲਦੀ ਹੈ।
charset ਅਤੇ viewport ਸਹੀ ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਮੋਬਾਈਲ responsiveness ਲਈ ਗੈਰ-ਗੁਣਾਂ ਯੋਗ ਹਨ; title/description/canonical SEO ਚਲਾਉਂਦੇ ਹਨ; Open Graph ਟੈਗ ਨਿਯੰਤਰਿਤ ਕਰਦੇ ਹਨ ਕਿ ਤੁਹਾਡੀ ਲਿੰਕਾਂ ਨੂੰ ਸਾਂਝਾ ਕਰਨ ਸਮੇਂ ਕਿਵੇਂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ।
ਇਕੱਠੇ ਉਹ metadata ਪਰਤ ਹਨ ਜੋ ਇੱਕ ਪੰਨੇ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ, ਰੈਂਕ ਕਰਦੀ ਹੈ, ਅਤੇ ਚੰਗੀ ਤਰ੍ਹਾਂ ਸਾਂਝੀ ਕਰਦੀ ਹੈ।
ਵਿਸਤ੍ਰਿਤ ਜਵਾਬਾਂ ਨਾਲ IT ਇੰਟਰਵਿਊ ਸਵਾਲਾਂ ਦੀ ਇੱਕ ਲਾਇਬ੍ਰੇਰੀ — ਜੂਨੀਅਰ ਤੋਂ ਸੀਨੀਅਰ ਤੱਕ।
ਦਾਨ ਕਰੋ