ஆவணத்தின் தலையில் எந்த முக்கியமான மেটா குறிச்சொற்கள் செல்ல வேண்டும்?

Question

Accepted Answer

`` இல் உள்ள `` குறிச்சொற்கள் பக்கத்தைப் பற்றிய மেட்டாடேட்டா வழங்குகின்றன — எழுத்து குறியாக்கம், viewport நடத்தை, SEO விளக்கங்கள் மற்றும் சமூக-பகிர்வு முன்னோட்டங்கள். அவை வரையப்படாவிட்டாலும் பிரவுசர்கள், தேடல் இயந்திரங்கள் மற்றும் சமூக தளங்களால் படிக்கப்படுகின்றன. ## அத்தியாவசிய இரண்டு ```html ``` - **`charset`** உரை (குறிப்பாக non-ASCII) சரியாக டிகோட் செய்யப்பட்டுள்ளதை உறுதி செய்கிறது. முதலில் அதை வைக்கவும். - **`viewport`** என்பது ஒரு தளத்தை செல்போனில் **பதிலளிக்கக்கூடியதாக** செய்வது — இதில்லாமல், ஃபோன்கள் 980px போலி அகலத்தில் வரையப்பட்டு மற்றும் பெரிதாக்கப்பட்டு, உங்கள் பதிலளிக்கக்கூடிய CSS உடைக்கிறது. ## SEO மேটா ```html Page Title — 50–60 chars ``` `` மற்றும் `description` Google முடிவுகளில் தோன்றுவது, எனவே அவை கிளிக்-மூலம் இயக்கப்படுகின்றன. `canonical` தேடல் இயந்திரங்களுக்கு அதिकार URL என்று சொல்கிறது. ## Open Graph — சமூக-பகிர்வு முன்னோட்டங்கள் ```html <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` சரியான வரைதல் மற்றும் செல்போன் பதிலளிப்புக்கு பேரம் பேசமுடியாதவை; `title`/`description`/`canonical` SEO உயர்த்தம்; Open Graph குறிச்சொற்கள் உங்கள் இணைப்புகள் பகிரப்படும்போது எப்படி தெரிகிறது என்பதை கட்டுப்படுத்துகின்றன. এক সাথে அவை மেட்டாডেட்டা স্তரம் ஒரு பக்கம் சரியாக வரையப்பட்டு, தரம் மற்றும் நன்றாக பகிர்வதை செய்யும்.