HTML SEO Meta Tags Guide with Examples in Tamil

HTML SEO Meta Tags Guide with Examples

 

 

நாம் இணையத்தில் தேடும்போது, முதலில் பார்ப்பது ஒரு பக்கத்தின் தலைப்பு மற்றும் சுருக்கமாக உள்ள விளக்கமே. இந்தச் சிறு தகவல்கள் எவ்வாறு தனிப்பட்ட பயணத்தைப் பாதிக்கும்? அதற்குப் பின்னால் இருக்கும் மந்திரம் தான் HTML SEO Meta Tags! Search Engine Optimization (SEO)-இல் முக்கியப் பங்கு வகிக்கும் Meta Tags பக்கத்தைப் பற்றிய முக்கிய தகவல்களை தேடுபொறிகளுக்கு வழங்குகிறது. இந்தக் கட்டுரையில், HTML SEO Meta Tags பற்றிய அடிப்படைகள் மற்றும் எளிய உதாரணங்கள் மூலம் விளக்குகிறோம்.

 

1. Meta Tags என்றால் என்ன?

Meta Tags என்பது ஒரு இணையப் பக்கத்தின் தலைப்புப் பகுதியில் சேர்க்கப்படும் சிறு HTML குறியீடுகளாகும். இவை பக்கத்தின் உள்ளடக்கத்தை தேடுபொறிகளுக்கு தெரிவிக்கின்றன, இதன் மூலம் தேடல் முடிவுகளில் அந்தப் பக்கம் எப்படி தெரியவேண்டும் என்பதை தீர்மானிக்கின்றன.

 

Read also:

 

 

2. SEO இல் Meta Tags இன் முக்கியத்துவம்

Meta Tags உடன் சரியாக செயல்படுவதன் மூலம், ஒரு இணையப்பக்கத்தின் தேடல் முடிவுகள் பக்கத்தில் (SERP) உயர்ந்த தரத்தில் தோன்றுவதற்கான வாய்ப்பை அதிகரிக்க முடியும். இது சரியான பக்கத்தை சரியான பயனரிடம் கொண்டு சேர்க்க உதவுகிறது.

 

3. HTML Meta Tags வகைகள்

சில முக்கியமான HTML Meta Tags பற்றிய விளக்கத்தை இங்கே தருகிறோம். ஒவ்வொரு Tag-க்கும் தனித்தனி பங்கு உள்ளது.

 

4. Meta Title Tag

Title Tag என்பது உங்களின் இணையப்பக்கத்தின் தலைப்பைத் தொகுத்து குறிப்பிடும் ஒரு முக்கியமான Tag ஆகும். இது எளிமையான மற்றும் தகவல்களைப் புரிய வைக்கும் வகையில் எழுதப்பட வேண்டும்.

 


  <meta name="title" content="Ultimate Guide to HTML SEO Meta Tags">
  

 

5. Meta Description Tag

Meta Description உங்களின் பக்கத்தை பற்றிய சுருக்கமான விளக்கமாகும். இது பயனர் பக்கத்தைப் பார்க்கத் தொடங்குவதற்கு முன்பே அவர்களை ஈர்க்க உதவும்.

 


  <meta name="description" content="HTML SEO Meta Tags, Meta Tags example, search engine optimization மற்றும் SEO optimised.">
  

 

6. Meta Keywords Tag

Keywords Meta Tag முன்பு மிகவும் முக்கியமானதாகக் கருதப்பட்ட போதிலும், இப்போது பல தேடுபொறிகளால் பயன்படுத்தப்படுவதில்லை. ஆனால் உங்களின் உள்துறை SEO க்கான விளக்கமாக இருக்கலாம்.

 


  <meta name="keywords" content="html seo meta tags, Meta tags example, search engine optimization, seo optimised">
  

 

7. Meta Robots Tag

Robots Meta Tag தேடுபொறிகள் பக்கத்தை எப்படி அணுக வேண்டும் என்று தெரிவிக்கின்றது. இதை index மற்றும் follow போன்றவற்றுக்கு பயன்படுத்தலாம்.

 


  <meta name="robots" content="index, follow">
  

 

8. Meta Viewport Tag

Viewport Meta Tag உடன் பக்கத்தை responsive ஆக, எல்லா சாதனங்களிலும் சரியாக தோற்றமளிக்க உதவும்.

 


  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  

 

9. Meta Charset Tag

Charset Tag-இன் உதவியுடன் HTML ஆவணத்தின் குறியீட்டு முறையை நிறுவலாம், இது அனைத்துப் பிழைகளையும் தவிர்க்க உதவும்.

 


  <meta charset="UTF-8">
  

 

10. சமூக ஊடகங்களுக்கு Open Graph Meta Tags

Open Graph Meta Tags என்பவை சமூக ஊடகங்களில் உங்களின் பக்கத்தை எப்படி காட்ட வேண்டும் என்பதைத் தீர்மானிக்க உதவும்.

 


  <meta property="og:title" content="Ultimate Guide to HTML SEO Meta Tags">
  <meta property="og:description" content="An in-depth guide on using HTML meta tags for SEO.">
  <meta property="og:image" content="https://example.com/image.jpg">
  

 

11. Twitter Card Meta Tags

Twitter Card Meta Tags உங்களின் பக்கத்தை Twitter-ல் பகிரும்போது எப்படி தோன்ற வேண்டும் என்பதை தீர்மானிக்க உதவுகிறது.

 


  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Ultimate Guide to HTML SEO Meta Tags">
  <meta name="twitter:description" content="An in-depth guide on using HTML meta tags for SEO.">
  <meta name="twitter:image" content="https://example.com/image.jpg">
  

 

12. Meta Tags உதாரணங்கள்

இப்போது ஒவ்வொரு Meta Tag-க்கும் ஒரு உதாரணமாக HTML ஆவணத்தில் எப்படி பயன்படுத்தலாம் என்று பார்க்கலாம்:

 


  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="title" content="Ultimate Guide to HTML SEO Meta Tags">
    <meta name="description" content="Learn how to use HTML SEO meta tags to improve your site's ranking.">
    <meta name="keywords" content="html seo meta tags, Meta tags example, search engine optimization, seo optimised">
    <meta name="robots" content="index, follow">
  </head>
  <body>
    <!-- உங்கள் உள்ளடக்கம் இங்கே -->
  </body>
  </html>
  

 

13. பயனுள்ள Meta Tags எழுதுதல்

சரியான Meta Tags எழுத சில ஆலோசனைகள்:

  • தெளிவானதாக இருக்க வேண்டும்: Meta Description160 எழுத்துகளுக்குள் வைத்துக் கொள்ளுங்கள்.
  • முக்கிய சொல்லைக் கொள்ளுங்கள்: Title மற்றும் Description-ல் முக்கிய சொற்களை சேர்க்குங்கள்.
  • பயனர் நோக்கத்தைக் கவனத்தில் கொள்ளுங்கள்: பயனர் தேடும் தகவல்களை மனதில் கொண்டு எழுதுங்கள்.

 

14. தவிர்க்க வேண்டிய பொதுவான தவறுகள்

பொதுவாக ஏற்படும் சில தவறுகளை தவிர்ப்பது SEO இல் உதவியாக இருக்கும். அவற்றில் சில:

  • மிகுதியான முக்கிய சொற்களை சேர்த்தல்: இது தேடுபொறிகளால் பக்கத்தை குறைவாக மதிப்பீடு செய்ய வழிவகுக்கும்.
  • சாதாரண தலைப்புகளை பயன்படுத்துதல்: முக்கிய தலைப்புகள் மூலமாக பார்வையாளர்களை ஈர்க்க முயற்சிக்க வேண்டும்.
  • சமூக ஊடக Meta Tags தவிர்த்தல்: உங்கள் பக்கம் சமூக ஊடகங்களில் கவர்ச்சியாக தோன்ற Open Graph மற்றும் Twitter Card இவற்றை சேர்க்கவும்.

 

15. Meta Tags மற்றும் SEO பற்றிய முடிவுகள்

Meta Tags என்பது சிறு HTML குறியீடுகளாக இருந்தாலும், இவை தேடல் முடிவுகள் பக்கத்தில் உங்களின் பக்கத்தை எவ்வாறு காட்ட வேண்டும் என்பதை தீர்மானிக்கிறது. Meta Tags மூலம் SEO இல் அதிக தாக்கத்தை உருவாக்க முடியும்.

 

FAQs

1. HTML Meta Tags என்ன பயன்?

 

Meta Tags தேடுபொறிகளுக்கு உங்களின் பக்கத்தைப் பற்றிய தகவல்களைத் தருவதில் உதவுகிறது, SEO விலான சிறப்பினை உருவாக்குகிறது. 


2. Meta Description SEO வில் எவ்வளவு முக்கியம்?

 

Meta Description பக்கத்தைப் பற்றிய சுருக்கத்தை வழங்கும், இது பயனர்களை ஈர்க்க முக்கியமானது.


3. Meta Keywords Tag தற்போது பயன்படுத்த வேண்டுமா?

 

பெரிய தேடுபொறிகள் அதை புறக்கணிக்கின்றன. ஆனால் உள்நாட்டு SEO க்கான ஒரு துணை கருவியாக இருக்கலாம்.


4. Title Tag நீளம் என்ன இருக்க வேண்டும்?

 
50-60 எழுத்துக்கள் இடைவெளியில் வைத்துக் கொள்ளலாம்.


5. Open Graph Tags சேர்க்கவேண்டுமா?

 
சமூக ஊடகங்களில் உங்கள் பக்கம் அதிகம் தோன்ற இதனைச் சேர்க்கலாம்.

புதியது பழையவை