Что такое метатеги. HTML теги для поисковиков: какие нужно знать? Ошибки и неудачные примеры мета тегов Description


Что такое "Мета теги"?

Мета-теги представляют собой часть программного кода сайта, не отображаемую в браузере пользователя при просмотре содержимого веб-ресурса. Они относятся к необязательным атрибутам сайта, которые размещаются в заголовке страницы и могут содержать в себе ее описание, перечень относящихся к странице ключевых слов, сведения об авторе материалов, а также управляющие команды, используемые поисковыми роботами, и другую служебную информацию, которая не предназначена для донесения до пользователя.

Элемент «Мета» применяется в целях технического описания страницы сайта, представляя собой метаданные, выглядящие как пара «имя-значение». Информация, используемая в мета-тегах, являясь невидимой для пользователя, в «глазах» поисковой системы способна, однако, оказаться незаменимой в вопросе корректной индексации страницы веб-ресурса.

С точки зрения HTML мета-теги характеризуются отсутствием конечного тега. Разновидностей мета-тегов насчитывается довольно много (несколько десятков), наиболее часто используемыми при этом являются лишь некоторые из них.

Обобщая сказанное выше, можно сделать вывод: предназначением мета-тегов является предоставление веб-мастеру возможности выполнить максимально точное позиционирование информации, размещаемой в сети Интернет. Действительно, поиск необходимых материалов на просторах всемирной паутины часто напоминает поиск иголки в стоге сена – мета-теги призваны облегчить эту задачу, направляя поисковые машины в нужном направлении. Вот почему мета теги активно используются при продвижении сайтов.

Какие мета теги учитываются поисковыми системами?

Кроме основных тегов HTML, которые нужны для разметки веб-страницы, есть и специальные теги, которые носят название мета теги. Они описывают свойства веб-документов.Некоторые мета-теги следует применять обязательно, а другие могут вноситься на страницу только по желанию веб-мастера.

Мета-тегов очень много, но не все они востребованы. Мета-теги находятся в HTML-коде внутри тега HEAD. Бывают два основных вида таких тегов:
1. Мета-теги вида NAME описывают конкретную страницу, они указывают адрес создателя, информацию о нем и так далее. Для поисковиков важным является краткое описание страницы, основные ключевые слова. К этому виду относятся: Title, Description, Keywords, Author, Generator, Robots, Copyright, Subject, Resource-type,Revisit, URL и так далее.
2. Мета-теги вида HTTP-EQUIV участвуют в формировании и создании заголовка для веб-странцы, несут информацию о режимах обработки страницы. Content-Language,Window-Target, Expires, Content-Type, Refresh и так далее.

Рассмотрим мета-теги, которые учитываются поисковыми системами и играют большую роль. Это Title, Description и Keywords. Остальные мета-теги принимаются во внимание поисковиками, но в гораздо меньшей степени.

Title, наиболее важный мета тег обозначающий заголовок страницы. Содержание этого мета тега является подсказкой поисковым машинам и пользователям - что описано на данной страничке.

Description является кратким описанием конкретной веб-странцы. Важно, чтобы для каждой страницы сайта был свой мета-тег. Такое описание обычно принимают во внимание абсолютно все поисковые системы, отображая сайты в своей поисковой выдаче.

Keywords менее значим, но его тоже желательно прописывать в кодах. В нем указываются самые употребляемые на странице ключевые слова.

Как правильно заполнять мета теги?

Мета-теги являются HTML тегами, они указывают поисковым системам краткое описание содержания документа. Особого внимания заслуживают метатеги Title и Description.

Title определяет заголовок, а Description содержимое каждой HTML-страницы. Сначала Description использовали поисковики, как сниппет , то есть текст, расположенный под заголовком страницы в выдаче. Но в настоящее время сниппеты формируются интеллектуально, то есть из текста всей страницы выбирают часть, которая самая релевантная по запросам пользователей.Именно она будет сниппетом.

Но зачастую бывает, что сниппет для страницы формируется и из текста, который расположен в мета-теге description. Поэтому важно правильно его заполнить и обратить на него свое пристальное внимание. А заполняется он таким образом:
[META name=”description” content=” Детские игрушки, куклы и пупсы отечественного производителя, вы сможете выбрать недорогие игрушки..” ]

Описание может быть любой длины, но в выдаче будет только часть текста, поэтому основные ключевые фразы надо располагать в самом начале.

Keywords тоже располагается внутри тега head в HTML-документах. Прописывают мета-теги этого вида таким образом:
[META name=”keywords” content=”детские игрушки, куклы от производителя в Москве, велосипеды ”]

Не нужно прописывать одну и ту же фразу или ключевик очень часто. И обязательно нужно делать отдельные мета-теги для каждой страницы.

Много заблуждений кроется в вопросе влияния мета тегов на SEO. Некоторые теги очень часто использовались в прошлом, но уже потеряли свою силу. Так какие же теги все еще пригодны для SEO, а какие нет?

Что такое мета теги?

Мета теги дают поисковым роботам больше информации о веб странице. Данная информация скрыта от посетителей страницы.

Мета теги размещаются в элементе . Также мета теги можно помещать и в элемент , но лучше отказаться от такой практики, так как некоторые браузеры не распознают их и в результате может произойти нарушение разметки.

Часто мета теги содержат атрибут name , который устанавливает тип мета данных. Значение метаданных определяется в атрибуте content . Рассмотрим несколько типов пар название-значение, которые часто встречаются на страницах.

Описание

Мета тег description является, вероятно, наиболее часто используемым. Он предоставляет поисковому роботу короткое описание страницы. Например:

поисковой оптимизации”/>

Раньше данный тег использовался для повышения ранжирования страницы, но изменения алгоритмов работы поисковых систем уменьшили его влияние на результат выдачи по поисковому запросу. Однако данный мета тег все еще может быть полезен, так как поисковые сервера используют информацию из него на страницах результатов.

Описание все еще может влиять на CTR вашей страницы. Слова, которые соответствуют запросу выделяются в результатах поиска жирным. Поэтому хорошее описание (которое усилено ключевыми словами) может оказаться для пользователя более привлекательным, увеличивая шанс перехода по ссылке. Рекомендуемая длина описания - 160 символов.

Но что случится, если оставить мета тег описания пустым или совсем его не использовать? Поисковый сервис также будет выдавать короткое описание страницы в результатах запроса, но оно будет составлено самим сервисом. В большинстве случаев такое описание не настолько хорошо, как хотелось бы. То есть, в таком случае вы теряете возможность убедить пользователя перейти на свою страницу.

Мета тег robots

Мета тег robots используется для управления доступностью веб страницы для поисковых сервисов. Вы можете разрешить или запретить индексирование страницы, следование по ссылкам и архивацию. Например:

This meta tags tells search engines not to index the page and prevent them from following the links. If you happen to be using two contradictory terms (e.g. noindex and index), Google will choose the most restrictive option.

Чем данный тег полезен для SEO? В первую очередь он представляет собой простой способ предотвратить индексацию дублирующего содержания, например, печатной версии страницы. Так же мета тег может быть полезен на незавершенных страницах или для скрытия конфиденциальной информации от поисковых сервисов.

Заголовок

Технически, тег title не является мета тегом, но часто служит тем же целям. Он включен в наш урок так как является очень важным для поисковой оптимизации.

Тег title должен быть во всех документах HTML, он определяет заголовок страницы. Разметка выглядит следующим образом:

Заголовок страницы

Очень просто и очень эффективно. Заголовок показывается в двух разных местах: в верхней панели браузера и на странице результатов поиска. То есть тег title оказывает существенное влияние на CTR и ранжирование.

Хороший заголовок должен включать ключевые слова и их лучше использовать вначале заголовка. Помните, что ключевые слова выделяются в результатах запроса жирным шрифтом.

Другой момент, о котором следует помнить - длина. Google ограничивает заголовок 70 символами, поэтому, может быть, придется переделать заголовок, чтобы он удовлетворял требованиям.

Мета тег для указания типа содержания используется для объявления кодировки страницы. Лучше добавить немного информации для предотвращения проблем с выводом информации, вызванных неправильным распознаванием кодировки в браузере. Но данный тег не влияет на ранжирование или CTR.

Может быть вы знакомы с длинной формой Content-Type:

В наши дни лучше использовать короткую версию:

Данный тег нужно располагать до элементов, которые содержат текст, включая тег title .

Мета тег keywords

Данный тег раньше был очень полезен, но в наши дни он потерял свое значение. Ни один из основных поисковых сервисов не использует мета тег keywords для оценки содержания страницы.

В данном теге можно разместить несколько ключевых слов о содержании страницы, но он не улучшит ранжирования в результатах запроса. Формат мета тега:

Мета тег указания языка

Формально данный мета тег используется для объявления языка, используемого на веб странице. Так информируются программы для чтения с экрана и различные обработчики страниц, что делает содержание более доступным для них. Пример определения французского языка для содержания:

В наши дни лучше определять язык с помощью атрибута:

Атрибут также можно использовать и для других элементов, если язык его содержания отличается от того, который используется на странице:

Me gusta..

Отказ от перевода

Обновление

С помощью данного мета тега можно указать браузеру на необходимость обновлять страницу через определённые промежутки времени. Например, так опредлеяется обновление страницы каждые 30 секунд:

Также возможно перенаправлять пользователя на другую страницу после такого обновления. Например:

Использование данного тега не поощряется W3C, так как он дезориентирует пользователя. Тем не менее, он не оказывает влияния на ранжирование в результатах поиска.

Заключение

Подводя итог выше сказанному, есть три мета тега, на которых следует сконцентрироваться: description , robots и title (технически, он не является мета тегом).

Тег description используется для вывода дополнительной информации о содержании страницы в результатах поиска. Тег robots применяется для предотвращения ранжирования дублирующего содержания, конфиденциальных страниц и незаконченных частей сайта. А содержание тега title не должно превышать 70 символов и при этом включать ключевые слова.

В недавнем прошлом мета тег keywords был мощным инструментом для SEO, но те времена прошли.

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подписаться

Что такое метатеги простым языком?

Пример метатегов

Нужны ли метатеги?

Поисковые системы, такие как Google и Yandex, понимают содержание ряда метатегов и учитывают их при ранжировании сайта. Список метатегов, которые используют поисковые машины:

Перечислим основные метатеги для поисковых систем:

  1. title;
  2. description;
  3. robots.

Метатег robots

Метатег robots управляет индексацией страниц сайта. Данный метатег может иметь несколько значений, которые записываются в атрибут content:

  • - запрещает индексирование страницы;
  • NOFOLLOW - запрещает проход по ссылкам, имеющимся на странице;
  • INDEX - разрешает индексирование страницы;
  • FOLLOW - разрешает проход по ссылкам;
  • ALL - равносильно INDEX, FOLLOW;
  • NONE - равносильно NOINDEX, NOFOLLOW.

Метатег keywords

Keywords - список ключевых слов, которые соответствуют сущности (содержимому) страницы. Много о данном метатеге говорить не будем: как показывает практика можно оставлять его пустым или вовсе не использовать.

Заявление Google об использовании метатегов:

А теперь перейдем к самому важному, разберем главные метатеги для SEO продвижения и ответим на популярные вопросы которые нам задают.

Что такое title страницы на самом деле

Title - это прежде всего заголовок документа, который отображается в название окна браузера, но так исторически сложилось, что стало привычней относить его к метатегам.

Для чего нужен Title?

Title -чуть ли не самый важный тег для поисковой оптимизации, имеет большое значение для поисковых систем, а также отображается в результатах поисковой выдачи.

Какая должна быть длина title?

Для Яндекса - 80 символов, 15 слов.

Для Google - 70 символов, 12 слов.

Что должно быть в title?

Title неприменно должен содержать в себе ключевые слова, тоесть запросы по которым вы хотите видеть себя в ТОП-е.

Приведем пример тайтл:

Основные ключевые запросы:

бахилы цена
бахилы оптом
купить бахилы

Купить бахилы оптом по цене от 60 рублей в компании Камень.

у вас возникнут вопросы по подобию:

  • Как правильно составить тайтл?
  • Можно ли в title ставить цену?
  • и тд.

Получить ответы на вопросы можно путем анализа title в Топ по вашим запросам. Просмотрите как выглядит выдача поисковика, зайтите в ТОП 10 сайтов и проанализируйте Title. Только после этого можно грамотно составить title.

Description сайта: что это такое

Мета тег description используется для описания содержания страницы. Иногда поисковики используют его для формирования сниппета (то, что вы видите под ссылкой на страницу в выдаче). Тег description - служебная информация, поэтому он никоим образом не может повлиять на внешний вид страницы.

Как переводиться description?

В нашем случае это слово будет переводиться как описание.

Как писать description что должно быть в description?

  • Рекомендуемая длина -150-200 символов. Именно такой объем помещается под ссылкой на страницу в поисковой выдаче. Конечно, можно написать и побольше, но в таком случае описание будет выглядеть незавершенным.
  • Также дескрипшн должен содержать ключевые фразы, по которым продвигается оптимизируемая страница. Самые частотные ключи следует расположить в начале. Важно: употребляйте не больше 3-х ключевых фраз и не повторяйте одно и то же слово больше 5 раз.
  • Тег description должен быть уникальным, т.е отличным от title и от описаний других страниц сайта. Также не советуем копировать какие-либо части текста со страницы (даже особо удачные) и вставлять их в мета-тег.
  • Самое главное при написании дискрипшена - точность. Вы должны лаконичино и емко описать содержание страницы и сделать ее привлекательной для пользователя (для чего, собственно, нужен description).

Как посмотреть description страницы?

Способ первый - открыть код элемента и отыскать информацию о метатегах в нем. Способ второй - скачать Netspeak Spider , вставить урл интересующего сайта и в течение минуты получить информацию об описаниях каждой страницы. Очень удобно, когда ищешь дубли.

Если же вы редактируете код сайт вручную, то вам необходимо пробежаться по всем страницам вашего сайта и выполнить следующие действия:

  • откройте страницу в удобном для вас редакторе;
  • найдите тег и вставьте после него следующие строки:

Давайте согласимся иметь разногласия.
Роберт Льюис Стивенсон.

Э то урок, в котором мы поговорим о том, что такое мета-теги , для чего и как они используются при и как их правильно заполнить.

К ак я уже говорил в , мета-теги располагаются в заголовке html-страницы, между тегами и, и никак не отображаются браузером (за исключением содержимого тега «title»). Тем не менее, мета-теги для сайта играют очень важную роль. Их добавление и оптимизация могут существенно помочь сайту в его жизни.

Р екомендую использовать только те метатеги, которые реально нужны для работы сайта. Не загромождай область «head» лишними инструкциями, т.к. любая ошибка здесь может привести к печальным последствиям. Если знать, что делаешь, то мета-теги будут только на пользу, если же сваливать сюда всё подряд, то можно получить трудно диагностируемые проблемы.


ервый мета-тег очень важен. Причём этот мета-тег одинаково важен и для поисковых систем, и для посетителей. Первые в ранжировании результатов поиска придают большое значение ключевым словам, которые содержатся в теге «title», вторые видят его содержимое в виде ссылки на сайт в тех же результатах поиска:

С одержимое этого же мета-тега отображается и в заголовке окна :

В HTML мета-тег «title» добавляется следующим образом:

Содержимое мета-тега «title»

Основное содержимое страницы

К роме того, как я уже сказал ранее, ключевые слова , которые ты добавишь в мета-тег «title», крайне положительно воспримутся поисковиками. Поэтому, заполняя этот тег, постарайся включить в него правильные ключевые слова. О них, кстати, и пойдёт речь дальше.

§ 2. Мета-тег «keywords» (ключевые слова)

С начала вкратце о том, а что, собственно, такое эти самые «ключевые слова».

Т е слова, которые наиболее полно характеризуют содержимое html-страницы и будут для нее ключевыми. Это могут быть как отдельные слова, так и словосочетания, но они обязательно должны встречаться в тексте на странице. По ним поисковики определяют релевантность страницы тому или иному запросу.

Н апример, для этой странице ключевыми словами будут «мета-теги», «мета-тег title», «мета-тег keywords» и т.д.

Б олее подробно о ключевых словах, в частности, и об оптимизации сайта, вообще, мы поговорим в .

Ч тобы облегчить работу поисковым системам, используется мета-тег «keywords». В нём вебмастер прописывает ключевые слова для страницы. HTML-код мета-тега «keywords» выглядит следующим образом:

Перечень ключевых слов">
Содержимое мета-тега «title»

Основное содержимое страницы

К лючевые слова нужно добавлять по одному, через запятую, в единственном числе. Например, не «ключевые слова», а «ключевой, слово». К тому же, безответственное поведение вебмастеров, которые в целях получения более высоких позиций в поисковиках забивали мета-тег «keywords» не только ключевыми словами, но и многочисленными производными от них, привело к тому, что поисковые системы практически перестали обращать внимания на этот тег. В настоящее время правильно заполненный мета-тег «keywords» используется поисковиками лишь как один из многих факторов ранжирования (далеко не главный). Если же они видят перед собой «keywords», в который запихнули все возможные вариации ключевиков, то это становится для них первым сигналом о неблагонадёжности данной страницы.

§ 3. Мета-тег «description» (описание страницы)

С ледующим важным мета-тегом является тег «description», в котором должно содержаться краткое описание страницы. Именно «краткое» и именно «описание страницы». Достаточно добавить одно-два небольших предложения, в которых указать о чём и для кого эта страница.

В ажной особенностью мета-тега «description» является то обстоятельство, что в случае его правильного заполнения поисковые системы именно на его основе формируют сниппет страницы в выдаче (краткое описание под ссылкой на страницу):

Е сли поисковикам не нравится то, как заполнен мета-тег «description», то сниппет формируется из кусочков фраз (надёрганных со всей страницы), которые релевантны запросу.

Т аким образом, правильный мета-тег «description» обязательно содержит ключевое слово (фразу) и коротко и точно описывает то, о чём и для кого страница. «Description» вместе с «title» образуют пару очень важных мета-тегов, от которых зависит то, перейдёт пользователь из поисковой выдачи на сайт или нет! Поэтому его, как и «title», нужно прописывать для каждой страницы!

H TML-код для создания мета-тега «description» будет следующим:

Содержимое мета-тега «description»">
Содержимое мета-тега «title»

Основное содержимое страницы

Т еперь перейдём к описанию основных технических мета-тегов из группы «HTTP-EQUIV» (HTTP-эквиваленты).

§ 4. Технические мета-теги

Т ехнические мета-теги, для сайта, значат очень много. С их помощью можно управлять отображением страницы, настройками индексирования и т.д. В этом уроке мы рассмотрим основные технические мета-теги.

  • content-type - тип документа и его кодировка. Этот мета-тег нужен для правильного отображения символов браузером.
    Кодировок существует много. Большинство из них тебе даже никогда не встретится. Не говоря уже про то, что ты будешь их использовать сам. Современные браузеры определяют тип кодировки атоматически, но для большей уверенности можно указать его и самостоятельно. Если ты создаёшь html-документ в операционной системе Windows, языком которой является русский, то кодировка будет «windows-1251», а код для вставки мета-тега такой:

    Содержимое мета-тега «title»

    Основное содержимое страницы

  • content-language - указание языка документа. Значение этого необязательного мета-тега используется как поисковыми роботами, так и web-серверами. Код для вставки:

    Содержимое мета-тега «title»

    Основное содержимое страницы

  • refresh - время (в секундах), через которое произойдет автоматическая перезагрузка документа или переход на другую html-страницу с заданным адресом (url). Например, чтобы производить атоматическую перезагрузку документа каждые 30 секунд, нужно вставить этот мета-тег так:

    Содержимое мета-тега «title»

    Основное содержимое страницы

    А, чтобы, спустя 5 секунд, перейти на страницу по адресу http://www.сайт/, нужно записать так:

    Содержимое мета-тега «title»

    Основное содержимое страницы

  • robots - мета-тег, который отвечает за настройки индексирования страницы. У мета-тега «robots» могут быть следующие значения:
    • index - страница индексируется;
    • noindex - страница не индексируется;
    • follow - гиперссылки на странице учитываются;
    • nofollow - гиперссылки на странице не учитываются
    • all - заменяет «index» и «follow», т.е. страница индексируется и гиперссылки на ней учитываются (действует по умолчанию);
    • none - заменяет «noindex» и «nofollow», т.е. страница не индексируется и гиперссылки на ней не учитываются.

    Код для вставки мета-тега «robots»:

    Содержимое мета-тега «title»

    Основное содержимое страницы

  • author и copyright - мета-теги, которые позволяют указать авторство и владельца контента на странице. HTML-код для вставки:

    Содержимое мета-тега «title»

    Основное содержимое страницы

§ 5. Заключение

Э то все метатеги в HTML, которые будут нужны новичку. Остальные специфичны и могут понадобиться тебе после того, как наберешься опыта и будешь точно знать, что делаешь. Из всех же вышеперечисленных мной настоятельно рекомендую использовать на каждой странице твоего сайта следующие:

Заголовок страницы

О стальные применяй по мере необходимости, но особо не заморачивайся. Помни, что мета-теги не сделают твой сайт интересным, они могут лишь помочь браузеру и web-серверу правильно отобразить страницы сайта, а поисковой системе их найти.

Н а этом раздел моего сайта окончательно закончен и дальше речь пойдёт о том, с чего начать раскрутку и продвижение своего сайта в Интернете. Там же парочка моих советов из личного опыта по оптимизации страниц сайта. Жми на «Дальше».

Теги для поисковой оптимизации сайта

- название (заголовок) HTML-документа. Должен идти сразу за тэгом <head>. Если вы пользуетесь редактором FrontPage или наподобие, вы должны убедится в том что тэг расположен в <a href="/supertrip/kak-sdelat-chtoby-printer-pechatal-cvetami-kak-pechatat-na.html">правильной последовательности</a>, такие редакторы нарушают последовательность тэгов.</p><p>Правильно составленный заголовок страницы может очень серьезно повысить рейтинг, потому что слова в заголовках имеют большой вес у поисковых машин, а также в системах индексации и в каталогах.</p><p>Заголовок страницы пишется между тэгами <title>...., с помощью него поисковые системы определяют то, о чем должна вестись речь на данной страничке и заголовки показываются в найденных результатах по запросу пользователя. Заглавие странички должно точно передавать суть содержания странички, содержать ключевые слова и привлекать пользователей. Помните о том, что соответствие ключевых слов в заглавии и содержании страницы приводит к повышению рейтинга страницы.

Не используйте ВСЕ ЗАГЛАВНЫЕ БУКВЫ в теге , так как некоторые поисковые системы не любят этого. Рекомендуется для всех страниц вашего сайта писать разные заголовки. Обратите внимание на количество знаков, указываемых в тэге. У разных поисковых систем <a href="/tele2/ustanovka-mt4-na-raznyh-ustroistvah-i-os-sistemnye-trebovaniya.html">разные требования</a>, но лучше не превышать длину тэга в 75 знаков (20-25 слов).<br> <a href="/payments/meta-teg-dlya-mobilnyh-ustroistv-vs-chto-vy-hoteli-znat-o.html">META теги</a></p><p> <META HTTP-EQUIV="Content-Type" Content="text/html; Charset=Windows-1251"> - Указивается кодировка на которой была написана наша страница. Это чтобы помочь браузеру</p><p> <META Name="author" Content="Ваши Ф.И.О., E-Mail"> - Здесь можно указать информацию об авторе страницы</p><p> <META Name="copyright" Content="Информация о вашей фирме"> - Указываются авторские права, информация о фирме и тд.</p><p> <META Name="keywords" Content="Ваши ключевые слова"> - Сюда пишим ключевые слова, встречающиеся на странице. Помогаем Поисковикам.</p><p> <META Name="description" Content="Описание Вашей страницы"> - <a href="/services/vidy-informacionnyh-atak-i-ih-tipy-vidy-setevyh-atak-kratkoe.html">Краткое описание</a> содержимого данной страницы. Также для поисковых роботов</p><p> <META HTTP-EQUIV="Expires" Content="Mon, 11 Jun 1998 00:00:01 GMT"> - Это для браузера, говорит чтобы страница бралась не и кэша</p><p> <META Name="Publisher-Email" Content="Ваш_e-mail@сервер.домен"> - адрес издателя страницы или ваш адрес</p><p> <META Name="Publisher-URL" Content="Адрес Вашего сайта"> - адрес Вашего сайта в сети Интернет</p><p> <META Name="Generator" Content="Microsoft Notepad"> - описывается средство, с помощью которого была создана данная страница.</p><p> <META Name="revisit-after" Content="10 days"> - как часто обновляется информация на странице.</p><p> <META http-equiv="Content-Language" content="ru"> - Говорит в какой языковой зоне сайт. Для поисковиков.</p><p>Теперь подробно о некоторых из них.</p><p>META тег <keywords> - ключевые слова. Этот тэг больше всех подвержен спаму. В него пихают одни и те же слова множество раз подряд, его заполняют словами, не относящимися к сайту, но популярными в Интернете.</p><p>Любое ключевое слово, упомянутое на сайте, должно быть включено в этот тэг. Аналогично, если вы вписываете слово в этот тэг, оно должно упоминаться на сайте. Постарайтесь как можно точнее определить ключевые слова. Не стоит пользоваться слишком <a href="/megaphone/kak-skinut-fotki-aifona-v-oblako-kak-rabotaet-oblako-na-aifone-princip.html">общими словами</a>, тогда ваша страница просто потеряется в общей массе. Избегайте повторения одного и того же слова. Даже с учетом повторения слова в <a href="/supertrip/sataninskii-obratnaya-svyaz-otoslat-kopiyu-kak-poprosit-ob-obratnoi-svyazi-na.html">разных формах</a> оно может быть безопасно упомянуто не более 3 раз. Превышение этого лимита могут счесть спамом.</p><p>Иногда поисковики принимают слова из заглавных и прописных букв <a href="/mts/prestizh-obratnaya-svyaz-otpravit-kopiyu-kak-pravilno-sdelat-formu-obratnoi.html">разными словами</a> например: Пример и пример. Помните, по статистики, в основном все запросоы в поисковых системах делаются <a href="/tele2/html-propisnye-bukvy-kak-sdelat-v-css-vse-zaglavnye-bukvy.html">прописными буквами</a>. Но на всякий случай, наличие двух версий слова не повредит.</p><p>Не забывайте о <a href="/rooms/pravovaya-ohrana-domennyh-imen-proverte-bazu-dannyh-whois-na-nalichie-oshibok.html">возможных ошибках</a> в написании слов. В написнии некоторых слов существуют популярные ошибки, если выбранное вами ключевое слово из их числа, то включите такие ошибки в свои ключевые слова.</p><p>Не используйте в ключевых словах так называемые "стоп слова", типа "в", "и", "на". Как правило поисковые системы просто-напросто игнорируют их. То есть вместо того, чтобы писать "поисковые системы и поиск в интернете", вы можете написать "поисковые системы поиск интернете</p><p>Старайтесь не использовать точки и запятые, их наличие может заставить робота воспринять несколько слов подряд как возможную фразу. Поскольку роботы читают ограниченное число символов в каждом тэге (обычно не более 200), каждая точка или запятая крадет у вас доступное пространство.</p><p>Разместите тэг как можно выше, и, уж конечно, выше скриптов. Роботы обычно не читают ява-скрипты, поэтому такое размещение предотвратит пропуск тэгов. Если ваш сайт относится к какому-либо региону, упомяните об этом в тэге. Данныйй мета-тег никак не влияет на вес страницы для поисковика, но так или иначе, он влияет на оценку релевантности документа поисковыми системами. Рекомендуемый объем 800-1000 символов. Необходимо отметить, что больший приоритет робот отдает первым 50 словам.</p><p>Количество ключевых слов в HTML-документе является немаловажным фактором. Но, как правило, оно должно составлять 5% от всего объема документа. Робот также оценивает удаленность ключевых слов от начала документа и их кучность.</p><p>META тег <description> - описание документа. Этот мета-тег можно назвать самым важным. На него всегда обращает своё внимание поисковик.</p><p>Постарайтесь, чтобы описание выглядело призывно, естественноо и при этом указывала на ваш сайт. Например описания типа "Делай деньги! Узнай как заработать в Сети?" никак не ассоциируются с конкретным сайтом, да и эффекта не дают, хотя очень многие делают именно так, это выглядит скорее спамом чем полезной информацией.</p><p>Если у вас болшая страница, то её лучше разбить на несколько более <a href="/rostelecom/kak-na-kompyutere-klaviature-uvelichit-shrift-kak-uvelichit.html">мелких страниц</a> тем самым увеличите число <a href="/internet/razmestit-ih-u-sebya-na-kogda-komu-i-gde-prodavat-informacionnaya-stranica-s.html">информационных страниц</a> вашего сайта и облегчите себе задачу описания. Многие поисковики любят небольшие по размеру страницы. Описание документа должно быть емким и кратким, т.к. объем ограничен и не должен превышать 170-200 символов.</p><p>META тег <robots> "noindex" - не индексировать страничку (Например, ваш сайт еще находится в тестовой стадии и вы бы не хотели, чтобы он в таком виде был проиндексирован роботами или в каких-то директориях существует закрытая для широкой публики информация) и "nofollow" - не следовать по ссылкам с данной странички. (Например если на страничке находятся ссылки на <a href="/supertrip/mobilnyi-robot-na-mikrokontrollere-reagiruyushchii-na-svet-poleznye.html">полезные ресурсы</a>, которые на вашем сайте не лежат).</p><p>Примеры тэгов:</p><p> <META name="robots" content="noindex, follow"> этот тэг говорит поисковым роботам не индексировать <a href="/yota/kak-vernut-udalennuyu-stranicu-v-socialnoi-seti-vkontakte-sposoby-vosstanovleniya-profilya-esli-vy.html">данную страницу</a>, но следовать по ссылкам с этой страницы можно.</p><p> <META name="robots" content="index, nofollow"> этот тэг говорит роботам проиндексировать страницу, но по ссылкам с этой страницы не переходить.</p><p> <META name="robots" content="index, follow"> данный тэг ставить нет смысла, так как роботы и так по умолчанию индексируют все страницы и следуют по ссылкам с данной страницы.</p><p> <META name="robots" content="index, all"> индексировать всё, по моему тоже бесполезный.</p><p> <META name="revisit" content="15 days"> данный тэг указывает периодичность переиндексации сайта поисковыми роботами. В <a href="/mts/modernizaciya-akusticheskoi-sistemy-2-1-svoimi-rukami-raznoe-dorabotka.html">конкретном примере</a> это 15 дней. Если ваш сайт обновляется очень часто, то надо указать число поменьше. Не все поисковые роботы учитывают этот тэг, робот "Yandex" имеет свой график работы и изменить его невозможно.</p><p>Вставляется любой из этих тэгов в HTML код страницы между <head>….</head> после всех титулов и т.п</p><p>Пример шаблона страницы:<br> <a href="/tele2/yazyk-gipertekstovoi-razmetki-html-yazyk-razmetki-gipertekstovyh.html">Разметка HTML</a><br> 1:<html><br> 2:<head><br> 3:<title>Заголовок страницы
4:
5:
6:
7:
8:

или - придают словам в этих тэгах большую значимость, особенно . Их используют для выделения ключевых слов в тексте документа сайта, это положительно сказывается на релевантности страницы, но злоупотреблять этим не стоит.

-
- имеют схожий характер с предыдущими тегами выделения текста, и учитываются поисковым роботом. Нельзя злоупотреблять этими тегами и заключать в них весь текст страницы. Но не следует забывать о том, что некоторые web-серферы просматривают HTML-документы не только с отключенными картинками, но и с отключенной библиотекой стилей. И в этом случае ваша страница будет смотреться просто чудовищно.

всегда должен содержать описание в атрибуте ALT и всплывающую подсказку (это скорее касается организации мэппинга на одной картинке). Они тоже могут содержать ключевые слова, но нельзя забывать о том, чтобы они были читабельны и вписывались в общую концепцию данного изображения или привязанной к ним ссылке. Рекомендуемый объем составляет 40 символов.

служит для создания гипертекста (ссылок) и его атрибут TITLE может содержать описание данной ссылки и создает всплывающую подсказку. Он также может быть снабжен ключевыми словами.

Ссылки играют немаловажную роль для поисковых механизмов, стоит уделить достаточное внимание организации ссылок на вашем сайте и количеству HTML-документов, то есть объем предоставляемого вами материала. Роботы некоторых поисковиков отслеживают ограниченное количество переходов, занимаясь разработкой структуры сайта, необходимо учитывать "принцип четырех кликов", т.е. чтобы добраться до документа с главной страницы сайта, надо сделать не более четырёх кликов.
Основные правила поисковой оптимизации сайта

1. Поисковые машины индексируют текст. Страница на которой мало текста имеет мало шансов попасть в выдачу по ключевому запросу.

2. Ключевые слова в тексте располагайте как можно ближе к тэгу . Некоторые поисковые системы уделяют большое значение первым нескольким строкам, которые идут за тэгом

3. Не набирайте слова в р а з р я д к у, если хотите, чтобы документ по ним находился.

4. Не набирайте слова БОЛЬШИМИ буквами без необходимости, если это не аббревиатура.

5. Точки и запятые прижимайте к слову, за которым они стоят, после них ставьте пробел. Иначе поисковые системы не распознают их как отдельные слова.

6. Чем длиннее документ, тем менее заметны в нем будут ключевые слова, заданные в запросе. Разбивайте длинные документы на более короткие.

7. Делайте ко всем картинкам в подписи alt=’...’ и title=’...’, можно вписывать туда основные ключевые слова.

8. Если ваш сайт имеет фреймовую структуру, то на первой странице нужно между тэгами …. указать описание сайта и поставить ссылки на все страницы, которые Вы хотите проиндексировать.

9. Необходимо чтобы на все страницы, которые вы хотели бы видеть в поисковых системах, можно было попасть с главной страницы не более, чем в четыре "перехода". Как правило, индексирующие роботы не идут дальше, чем на четвертый уровень ссылок. Если в силу структуры сайта этого сделать нельзя, то следует создать на отдельной странице "карту сайта" (список URL всех страниц сайта) и разместить ссылку на страницу с картой на главной странице вашего сайта, чтобы поисковая система нашла эту страницу и проиндексировала с неё все имеющиеся ссылки.

10. ..... Для всех поисковых систем этот тэг пользуется приоритетом перед keywords и description.

11. Необходимо чтобы те слова которые написаны в заголовке страницы и тэгах keywords и description встречались в основном тексте на странице сайта и желательно несколько раз.

12. Обязательно у каждой страницы вашего сайта должны быть разные заголовки в .... и разные ключевые слова в мета - тэгах KEYWORDS и по возможности разное описание в DESCRIPTION.

13. Если требуется запретить к индексации какой то фрагмент страницы пометьте его тегами:

14. Следите за русско-латинским регистром, ошибочно вместо русской буквы "р" используют латинскую "p", вместо русского "с" - латинское "c".

15. Не следует также использовать невидимый текст, в котором цвет шрифта совпадает с цветом фона.

16. Комментарии в документе роботы, как правило, не сканирует, используйте их по прямому назначению.

17. Целесообразно базовые понятия и ключевые для данного сайта слова включать в следующие HTML-теги. , <h1>...<h4>, <b>, <strong>, <u>.</p><p>18. Поисковые системы принимают во внимание текст рядом с изображением. Так что убедитесь, что текст вокруг изображения и текст в <a href="/rates/chto-takoe-teg-alt-kak-pravilno-propisyvat-atribut-alt-dlya.html">ALT теге</a> имеют сходство.</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </div> </article> </div> </div> <div id="secondary"> <aside id="search-2" class="widget widget_search clearfix"> <form action="/" class="search-form searchform clearfix" method="get"> <div class="search-wrap"> <input type="text" placeholder="Поиск" class="s field" name="s"> <button class="search-icon" type="submit"></button> </div> </form> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <h3 class="widget-title"><span>Свежие записи</span></h3> <ul> <li> <a href="/services/kak-na-androide-pereklyuchit-pamyat-na-kartu-kak-sdelat-tak-chtoby-vse.html">Как сделать так, чтобы все сохранялось на карту памяти</a> </li> <li> <a href="/rates/kak-s-pomoshchyu-kompasa-nastroit-sputnikovuyu-antennu.html">Подключение спутникового ресивера к телевизору</a> </li> <li> <a href="/rostelecom/ne-zagruzhaet-gugl-plei-na-telefone-ne-rabotaet-play-market-podklyuchenie.html">Не работает Play Market, подключение отсутствует</a> </li> <li> <a href="/tele2/ustanovka-melodii-na-otdelnyi-kontakt-na-android-kak-postavit-melodiyu-na.html">Как поставить мелодию на контакт на "Андроид": советы, рекомендации, инструкции Как установить мелодию на группу контактов андроид</a> </li> <li> <a href="/internet/plei-market-versiya-2-3-6-servisy-google-play-vozmozhnosti-i-osobennosti.html">Плей маркет версия 2.3 6. Сервисы Google Play. Возможности и особенности приложения Сервисы гугл плей</a> </li> <li> <a href="/megaphone/upravlenie-linux-cherez-web-administrirovanie-linux-vvedenie-v-webmin-nastroika.html">Управление linux через web</a> </li> <li> <a href="/services/chto-delat-esli-v-nedforspid-chernyi-ekran-pochemu-nfs-rivals-ne.html">Почему NFS Rivals не запускается?</a> </li> <li> <a href="/beeline/ne-pokazyvaet-cifrovoe-kabelnoe-televidenie-kak-opredelit-pochemu-ne-rabotaet.html">Как определить, почему не работает цифровое телевидение</a> </li> </ul> </aside> <aside id="text-5" class="widget widget_text clearfix"> <div class="textwidget"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?144"></script> <div id="vk_groups"></div> </div> </aside> <aside id="text-4" class="widget widget_text clearfix"> <div class="textwidget"> <div id="pugoza1" style="height:500px;width:300px;" align="center"></div> </div> </aside> <aside id="text-3" class="widget widget_text clearfix"> <div class="textwidget"> <div id="pugoza2" style="height:500px;width:300px;" align="center"></div> </div> </aside> </div> </div> </div> <footer id="colophon" class="clearfix"> <div class="footer-socket-wrapper clearfix"> <div class="inner-wrap"> <div class="footer-socket-area"> <div class="footer-socket-right-section"> </div> <div class="footer-socket-left-sectoin"> <div class="copyright">© 2024 <a href="/" title="thetarif.ru"><span>thetarif.ru</span></a>. Мобильные операторы и тарифы.<br></div> </div> </div> </div> </div> </footer> <a href="#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a> </div> <script type="text/javascript"> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar": "colormag_right_sidebar", "margin_top": 10, "margin_bottom": 0, "stop_id": "", "screen_max_width": 0, "screen_max_height": 0, "width_inherit": false, "refresh_interval": 1500, "window_load_hook": false, "disable_mo_api": false, "widgets": ['text-3'] }; </script> <script type="text/javascript"> (function(w, doc) { if (!w.__utlWdgt) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset = 'UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h = d[g]('body')[0]; h.appendChild(s); } })(window, document); </script> <div style="text-align:left;" data-lang="ru" data-url="/global-blue-vozvrat-tax-free-v-minske/" data-background-alpha="0.0" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-size="12" data-top-button="false" data-share-counter-type="common" data-share-style="1" data-mode="share" data-like-text-enable="false" data-mobile-view="true" data-icon-color="#ffffff" data-orientation="fixed-left" data-text-color="#000000" data-share-shape="round-rectangle" data-sn-ids="fb.vk.tw.ok.gp.ps.mr.ln." data-share-size="30" data-background-color="#ffffff" data-preview-mobile="false" data-mobile-sn-ids="fb.vk.ok.wh.vb." data-pid="cmsvpolshuby" data-counter-background-alpha="1.0" data-following-enable="false" data-exclude-show-more="true" data-selection-enable="true" class="uptolike-buttons"></div> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/pwebcontact/media/bootstrap-2.3.2/js/bootstrap.min.js?ver=2.3.2'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/pwebcontact/media/js/jquery.validate.min.js?ver=1.15.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var pwebcontact_l10n = pwebcontact_l10n || {}; pwebcontact_l10n.form = { "INIT": "Initializing form...", "SENDING": "Sending...", "SEND_ERR": "Wait a few seconds before sending next message", "REQUEST_ERR": "Request error: ", "COOKIES_ERR": "Enable cookies and refresh page to use this form" }; /* ]]> */ </script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/pwebcontact/media/js/jquery.pwebcontact.min.js?ver=2.3.0'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/simple-tooltips/zebra_tooltips.js?ver=4.4.13'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.5.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "visibility_show": "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c", "visibility_hide": "\u0441\u043a\u0440\u044b\u0442\u044c", "width": "Auto" }; /* ]]> */ </script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/wp-cloudy/js/wp-cloudy-ajax.js?ver=4.4.13'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/mistape/assets/js/modernizr.custom.js?ver=1.3.3'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/themes/colormag/js/jquery.bxslider.min.js?ver=4.1.2'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/themes/colormag/js/colormag-slider-setting.js?ver=4.4.13'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/themes/colormag/js/navigation.js?ver=4.4.13'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/themes/colormag/js/fitvids/jquery.fitvids.js?ver=20150311'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/themes/colormag/js/fitvids/fitvids-setting.js?ver=20150311'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.4.13'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.6.2'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.4.0'></script> <script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13'></script> <div id="pwebcontact1" class="pwebcontact pweb-bottom pweb-offset-right pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal" dir="ltr"> <div id="pwebcontact1_toggler" class="pwebcontact1_toggler pwebcontact_toggler pweb-closed pweb-theme-free"> <span class="pweb-text">Есть вопросы?</span> <span class="pweb-icon"></span> </div> <div id="pwebcontact1_box" class="pwebcontact-box pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal pweb-init" dir="ltr"> <div class="pwebcontact-container-outset"> <div id="pwebcontact1_container" class="pwebcontact-container"> <div class="pwebcontact-container-inset"> <form name="pwebcontact1_form" id="pwebcontact1_form" class="pwebcontact-form" action="/" method="post" accept-charset="utf-8"> <div class="pweb-fields"> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-name pweb-field-name"> <div class="pweb-label"> <label id="pwebcontact1_field-name-lbl" for="pwebcontact1_field-name"> Имя </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <input type="text" name="fields[name]" id="pwebcontact1_field-name" autocomplete="on" class="pweb-input" value="" data-role="none"> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-email pweb-field-email"> <div class="pweb-label"> <label id="pwebcontact1_field-email-lbl" for="pwebcontact1_field-email"> Email <span class="pweb-asterisk">*</span> </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <input type="email" name="fields[email]" id="pwebcontact1_field-email" autocomplete="on" class="pweb-input required" value="" data-role="none"> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-textarea pweb-field-message"> <div class="pweb-label"> <label id="pwebcontact1_field-message-lbl" for="pwebcontact1_field-message"> Сообщение <span class="pweb-asterisk">*</span> </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <textarea name="fields[message]" id="pwebcontact1_field-message" cols="50" rows="5" class="required" data-role="none"></textarea> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-buttons"> <div class="pweb-field"> <button id="pwebcontact1_send" type="submit" class="btn pweb-button-send" data-role="none">Отправить</button> </div> </div> </div> </div> </div> <div class="pweb-msg pweb-msg-after"> <div id="pwebcontact1_msg" class="pweb-progress"> <script type="text/javascript"> document.getElementById("pwebcontact1_msg").innerHTML = "Initializing form..." </script> </div> </div> <input type="hidden" name="5eb40beb9e" value="1" id="pwebcontact1_token"> </form> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(function() { jQuery(".tooltips img").closest(".tooltips").css("display", "inline-block"); new jQuery.Zebra_Tooltips(jQuery('.tooltips').not('.custom_m_bubble'), { 'background_color': '#000000', 'color': '#ffffff', 'max_width': 250, 'opacity': 0.95, 'position': 'center' }); }); </script> <script type="text/javascript"> jQuery(document).on('ready post-load', function() { jQuery('.nofancybox,a.pin-it-button,a[href*="pinterest.com/pin/create"]').addClass('nolightbox'); }); jQuery(document).on('ready post-load', easy_fancybox_handler); jQuery(document).on('ready', easy_fancybox_auto); </script> <div id="mistape_dialog" data-mode="comment" data-dry-run="0"> <div class="dialog__overlay"></div> <div class="dialog__content"> <div id="mistape_confirm_dialog" class="mistape_dialog_screen"> <div class="dialog-wrap"> <div class="dialog-wrap-top"> <h2>Сообщить об опечатке</h2> <div class="mistape_dialog_block"> <h3>Текст, который будет отправлен нашим редакторам:</h3> <div id="mistape_reported_text"></div> </div> </div> <div class="dialog-wrap-bottom"> <div class="mistape_dialog_block comment"> <h3><label for="mistape_comment">Ваш комментарий (необязательно):</label></h3> <textarea id="mistape_comment" cols="60" rows="3" maxlength="1000"></textarea> </div> <div class="pos-relative"> </div> </div> </div> <div class="mistape_dialog_block"> <a class="mistape_action" data-action="send" data-id="389" role="button">Отправить</a> <a class="mistape_action" data-dialog-close role="button" style="display:none">Отмена</a> </div> <div class="mistape-letter-front letter-part"> <div class="front-left"></div> <div class="front-right"></div> <div class="front-bottom"></div> </div> <div class="mistape-letter-back letter-part"> <div class="mistape-letter-back-top"></div> </div> <div class="mistape-letter-top letter-part"></div> </div> </div> </div> </body> </html>