Найпопулярніші і потрібні html meta-теги для просування в мережі

Процес розкрутки сайту досить трудомісткий, але в той же час захоплюючий і цікавий процес. Складається він з безлічі кроків, які потрібно робити поступово і правильно.

html meta

Один з найважливіших етапів в просуванні сайту - це його оптимізація. А вона, у свою чергу, здійснюється за допомогою мета-даних, без них ні про яку оптимізації сайту мови не може бути.

Де розміщуються html meta-теги

Сам сайт (або його окрема сторінка) має певну структуру. У найпростішому варіанті це:

  • верхня частина, яка називається head (дослівно з англійської - голова, або ще одна назва -шапка);
  • тіло (body).

Як можна побачити, назви говорять самі за себе. Власне, в голові сайту (сторінки) прописуються html meta-теги (практично всі вони не видно користувачеві, крім визначених, ці теги призначені для пошукових систем, і в них зазвичай знаходиться інформація, яка допомагає пошуковій машині визначити, про що ця сторінка або сайт ), а в тілі - сам контент сторінки (це та інформація, яку видно користувачеві).

Приміром: зараз ви читаєте цю статтю, ніяких тегів ви не бачите, крім назви статті (це теж тег), але вам видно тіло статті у вигляді тексту статті і картинок.

Основні мета-теги і їх опис

Існує безліч різних мета-тегів. Кожен з них призначений для опису певної інформації. Найпоширеніші html meta-теги - це:

  • тег «title»;

  • тег «keywords»;

  • тег «description».

html meta content

Title за своєю суттю - назва (знову-таки сайту або окремої його сторінки). Цей тег один з небагатьох, який важливий не тільки для оптимізації під роботів пошукових систем, але також для користувача, так як за назвою можна визначити, чи потрібна нам та чи інша інформація чи ні. Для прикладу: ви шукаєте в пошуковій системі статтю про ниркових захворюваннях, звичайно ж, вам не потрібна стаття, яка називається "Відпочинок у Туреччині", так як це зовсім не та тема, і ви, ігноруючи сайт про відпочинок, будете шукати далі. Іншими словами title - це дуже потрібний тег, так як він несе в собі назву до матеріалу, за яким можна визначитися, чи потрібен цей матеріал користувачеві чи ні.

Keywords є мета-тегом, який відповідає за ключові слова. Ключові слова - це слова або словосполучення, які найбільш точно характеризують вміст на сайті або сторінці. На даний момент вони не мають такого значення, як, скажімо, років 10 тому, але все одно всі веб-майстри згодні, що вони потрібні.

Тег description є описом до матеріалу. Цей html meta-тег дуже важливий для просування ресурсу і для пояснення користувачеві, про що піде мова в матеріалі. Для складання опису достатньо 1-2 пропозицій. Головне в цих пропозиціях - розкрити суть статті або, приміром, якщо це фільм, суть фільму. Description при пошуку за допомогою пошукових систем знаходиться під назвою матеріалу. Якщо скласти неправильний опис, то пошукова система проігнорує його і створить свій опис, взявши шматки пропозицій з тіла статті.

html meta refresh

Приклад коду сторінки, з розглянутими тегами

lt; html>
lt; head>
lt; meta name = "keywords" content = "Сюди вписуються ключові слова">
lt; meta name = "description" content = "Тут має бути опис">
lt; title> Тут розташовується назва статті або матеріалаlt; / title>
lt; / head>
lt; body> Контент (матеріал), розташований на страніцеlt; / body>
lt; / html>
Треба зауважити, що немає різниці, який з мета-тегів йтиме вгорі чи внизу, головне, щоб вони були.

Що таке html meta content

Цей атрибут не є певним тегом, як title або description. Його роль - привласнити значення в певному теге. Наприклад:

lt; meta name = "description" content = "Вася Пупкін, його історія та автобіографія">

У цьому прикладі, як можна побачити, використовується тег description. Але сам по собі він нічого не вартий без наступного атрибута content, який присвоює тегу description значення "Вася Пупкін, його історія та автобіографія". Саме завдяки content при пошуку інформації в інтернеті в описі під назвою стоятиме вказаний description.

Html meta content - свого роду ключові складові будь-якого з мета-тегів, оскільки саме за допомогою нього присвоюється певне значення для будь-якого з атрибутів.

Але мета-дані можна привласнювати не використовуючи content, хоча професійний підхід у питаннях оптимізації його вимагає. Два приклади (як можна використовувати або не використовувати content):

  1. З використанням lt; meta name = "description" content = "Вася Пупкін, його історія та автобіографія"> - це найправильніше іспользользованіе html meta content description.
  2. Без lt;description>Вася Пупкін, його історія та автобіографіяdescription>.

Додаткові мета-теги, які сприяють оптимізації ресурсу

Існує безліч мета-даних, які мають свої специфічні властивості (за допомогою них можна прописати автора матеріалу, індексувати сторінку пошуковою системою чи ні, частоту індексації та багато іншого). Наприклад, html meta refresh може оновлювати сторінку в браузері в заданому діапазоні часу (виставляється у секундах). Крім цього, даний мета-тег може довантажувати в автоматичному режимі (також з інтервалом, якщо потрібно) який завгодно документ або іншу веб-сторінку.

html meta charset

В одній статті практично нереально описати всі мета-теги, які зустрічаються у верстці веб-ресурсів (так як їх дуже багато). Особливу увагу заслуговує html meta charset, так як за допомогою нього прописується кодування сторінки (сайту). Якщо вказати неправильно цей параметр, то при відкритті текстової сторінки на ній буде відображатися незрозумілий набір символів.

Висновок

Звичайно ж, для повного розуміння всіх тегів потрібно вивчити мову html. Але для оптимізації сайту новачкові цілком достатньо буде основних мета-тегів. Навіть вони цілком можуть вивести ваш сайт в ТОП пошукової системи.




Увага, тільки СЬОГОДНІ!

» » » Найпопулярніші і потрібні html meta-теги для просування в мережі