რა არის მეტა ტეგები და რა მიზნით გამოიყენება…

მეტატეგები — ეს სპეციალური HTML-ტეგებია, რომლებიც უზრუნველყოფენ მეტადონიანს (დოკუმენტის შესახებ ინფორმაციას) ბრაუზერებისა და საძიებო სისტემებისთვის. ისინი განთავსებულია <head> სექციაში HTML დოკუმენტის.

მეტატეგების ძირითადი ტიპები და მათი დანიშნულება:

charset: აღნიშნავს გვერდის სიმბოლოების კოდირებას, მაგალითად, UTF-8. მნიშვნელოვანია ტექსტის სწორად გამოსახულებისთვის.
```
<meta charset="UTF-8">
```
name="description": განსაზღვრავს გვერდის მოკლე აღწერას. გამოიყენება საძიებო სისტემებში შედეგების გამოჩენისას.
```
<meta name="description" content="თქვენი გვერდის მოკლე აღწერა საძიებო სისტემებისთვის">
```
name="keywords": სია საკვანძო სიტყვების, რომლებიც აღწერს გვერდის კონტენტს. გავლენა SEO-ზე შემცირდა, მაგრამ შეიძლება გამოყენებულ იქნას ზოგიერთი ძველი სისტემით.
```
<meta name="keywords" content="საკვანძო სიტყვა1, საკვანძო სიტყვა2, საკვანძო სიტყვა3">
```
name="viewport": მართავს მასშტაბირებას და ხედვის ზონის ზომებს მობილურ მოწყობილობებზე. კრიტიკულია რეაგირების დიზაინისთვის.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: ხედვის ზონის სიგანე თანხვედრაშია მოწყობილობის ეკრანის სიგანესთან.
- initial-scale=1.0: საწყისი მასშტაბი გვერდის ჩატვირთვისას.

name="robots": მიუთითებს საძიებო რობოტებს გვერდის ინდექსირების წესებს.

მნიშვნელობის სია content ატრიბუტში:

მნიშვნელობა	აღწერა
`index`	ნებადართულია გვერდის ინდექსირება.
`noindex`	აკრძალულია გვერდის ინდექსირება.
`follow`	ნებადართულია ბმულებზე გადასვლა და მათზე ინდექსირება.
`nofollow`	აკრძალულია ბმულებზე გადასვლა.
`all`	ტოლია `index, follow`. (ნაგულისხმევი მნიშვნელობა)
`none`	ტოლია `noindex, nofollow`.

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

property (Open Graph, Twitter Cards): გამოიყენება იმის განსაზღვრად, თუ როგორ გამოჩნდება გვერდის კონტენტი სოციალური ქსელებში პუბლიკაციისას.

<meta property="og:title" content="სოციალური ქსელებისთვის სათაური">
<meta property="og:description" content="სოციალური ქსელებისთვის აღწერა">
<meta property="og:image" content="სურათის URL მიმოხილვისთვის">
<meta property="og:url" content="გვერდის URL">
<meta name="twitter:card" content="summary_large_image">

მეტატეგების საჭიროება შემდეგნაირად არის განაწილებული:

SEO (ძებნის ოპტიმიზაცია): ეხმარება საძიებო სისტემებს გაიგონ გვერდის თემატიკა და კონტენტი, რაც გავლენას ახდენს რეიტინგსა და შედეგებში გამოჩენაზე (description, keywords, robots).
UX (მომხმარებლის გამოცდილება): აუმჯობესებს გვერდის ჩვენებას და ურთიერთქმედებას სხვადასხვა მოწყობილობებზე (viewport).
სოციალური ქსელები: განსაზღვრავს მიმზიდველობას ლინკის გამოქვეყნებაზე, ზრდის კლიკების რაოდენობას (property - Open Graph, Twitter Cards).
ტექნიკური ინფორმაცია: უზრუნველყოფს მნიშვნელოვან ტექნიკურ მონაცემებს ბრაუზერისთვის (მაგალითად, კოდირება).

მეტატეგების გამოყენება აუცილებელია სწორი, ოპტიმიზირებული და მოსახერხებელი ვებგვერდების შექმნისთვის.

რა არის მეტა ტეგები და რა მიზნით გამოიყენება?