http://poradumo.pp.ua

Online Журнал-Світ порад.
Головна сторінка
» » Найбільш популярні і потрібні html meta-теги для просування в мережі

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

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

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

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

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

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

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

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




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

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

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

  • тегу «title»;

  • тег «keywords»;

  • тег «description».

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

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




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

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


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

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





Тут розташовується назва статті чи матеріалу

Контент (матеріал), розташований на сторінці

Треба зауважити, що немає різниці, який з мета-тегів буде йти вгорі або внизу, головне, щоб вони були.

Що таке html meta content

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

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

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

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

  • З використанням — це саме правильне использользование html meta content description.
  • Без Вася Пупкін, його історія та автобіографія description>.
  • Додаткові мета-теги, які сприяють оптимізації ресурсу

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


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

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

    Висновок

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

    of your page -->

    Популярні поради

    загрузка...