Как правильно на сайте прописать теги – как правильно заполнять тег meta Title, оптимальный размер, грамотно прописать для интернет-магазина и сайта в 2020

Содержание

«Какие мета-теги нужно прописывать на сайт?» – Яндекс.Кью

На сайте нужно прописывать два основных метатега – title и description (заголовок и описание). Эти теги играют важную роль в ранжировании сайта и в целом нужны именно для поисковых систем.

Title (заголовок) можно увидеть, если навести курсор на вкладку в браузере. Description и title нужны для описания содержимого страницы. Они подсказывает боту, как правильно выбрать тематику страницы.

Проанализировать мета-теги своего сайта и конкурентов можно с помощью специальных сервисов: https://otzyvmarketing.ru/best/servisy-dlya-analiza-sajtov-konkurentov/. Таким образом можно понять, как правильно прописывать метатеги на своем сайте.

Как правильно прописывать title

Заголовок обязательно должен быть на каждой странице. Его длина не должна быть больше 70 знаков без пробелов (збп). Дело в том, что title используется как заголовок в поисковой выдаче «Яндекса» и Google. Там его все равно обрезают примерно до 70 збп. В заголовок не нужно добавлять описание сайта. Важно, чтобы title был уникальным, чтобы заголовки на сайте не повторялись и не были копией части текста страницы. Сам заголовок должен начинаться с основного ключевого запроса, по которому продвигается страница. Не стоит запихивать в title все ключевые слова группы запросов, по которым продвигается страница. Достаточно добавить в заголовок самый высокочастотный запрос. Title размещается в разделе <head>. В заголовке нельзя использовать точки. Не добавляйте в заголовок более одной запятой. Попытайтесь избавиться от стоп-слов. Помните, что заголовок пишется и для людей, а не только ботов, поэтому должен быть читаемым.

Как правильно прописывать description

По большому счету, правила написания description – аналогичны правилам написания title. Длина описания не должна превышать 200 збп. Все равно в выдаче описание обрежут. Также не стоит делать описание слишком коротким. Лучше всего, чтобы описание состояло из двух предложений. В одном из них нужно разместить главный запрос, по которому продвигается страница.

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

Как правильно прописать метатеги для сайта

Как правильно прописать метатеги для сайтаSEOГлавная » SEO » Как правильно прописать метатеги для сайта

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

Три главных метатега это:

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

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

Keywords — в этом мета-теге перечисляются основные ключевые слова, имеющие отношение к странице.

Description — содержит описание страницы. Как правило, содержимое дескрипшена появляется в сниппете поисковой выдачи (но не всегда).

Как правильно прописать метатеги для сайта

Куда добавить метатеги

Метатеги прописываются в самом начале страницы, а если конкретнее, то между тегами <head> и </head>. Например:

<head>
<meta name=»description» content=»Здесь мы опишем, куда вставлять метатеги»>
</head>

Как можно заметить, в атрибуте name указывается непосредственно метатег, а его значение — в content.

Правильный тег title

Как мы сказали выше, тайтл имеет особое значение — это не тот тег, который воспринимают только поисковики, но и пользователи, что даже важнее. Поэтому главное правило заполнения тега title — это его привлекательность для целевой аудитории. В нем можно использовать главный ключ, по которому продвигается страница, но главная суть — это заинтересовать человека, который ищет то, что вы можете ему предложить.

Например:

<title>Поиск и подбор туров на ближайший год!</title>

Как заполнить мета тег description

Тег для посетителей не менее важный, чем title, ведь он описывает то, что будет обнаружено на странице. Поэтому его цель практически такая же: 160 символами (больше поисковики, как правило, не видят) заинтересовать, предоставить немного информации и заставить кликнуть. Описание не должно копировать заголовок, а ключ, который вы в него помещаете, должен быть органично вписаться в текст.

Например:

<meta name=»description» content=»Заходите и посмотрите актуальные горячие туры по 30 самым популярным направлениям! Скидки для семей и организаций. «>

Как заполнять мета-тег keywords

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

Например:

<meta name=»keywords» content=»туры в грецию, круиз средиземное море, турагенство, путевки»>

Как правильно прописать метатеги для сайта

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

Какие метатеги HTML нужно добавлять на сайт и что они дают?

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

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

Да, это выходит за рамки SEO.

Поисковые системы массово используют метатеги. Но на сегодняшний день существуют специализированные метатеги и для социальных сетей, таких как Facebook, Twitter и LinkedIn.

Также есть метатеги, которые используются для более подробного описания контента. Широко распространенная система описания контента предоставляется schema.org.

Ниже приводится список метатегов, которые нужно добавить на сайт, чтобы успешно работать в Сети:

  • Title и description;
  • Мета теги для html сайта, связанные с Google;
  • Теги верификации;
  • Социальные метатеги;
  • Schema.org для описания контента.

Каждая страница сайта должна содержать метатеги title и description. Поместите их в раздел <head> HTML-страницы.

Например:

<!DOCTYPE html>
<html>
    <head>
        <!—- Тайтл страницы заключается в тег <title> -->
        <title>Это тайтл вашей страницы</title>
        <!—Описание страницы определяется в мета формате -->
        <meta name="description" content="Это описание вашей страницы">
    </head>

    <body>
        <!—Содержимое страницы... -->
    </body>
</html>

<title> не отображается в формате <meta> тегов, но о нем практически всегда говорят, как о метатеге.

Он задает читаемый человеком заголовок — страницы. title отображается в верхней части окна браузера на открытой вкладке.

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

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

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

Мета тег description для сайта не влияет на ранжирование страниц поисковыми системами. Его главное предназначение заключается в отображении описания страниц в поисковой выдаче. Description помогает привлечь внимание пользователей к контенту.

Оно также может использоваться в качестве описания на страницах социальных сетей.

Составляйте title и описания так, чтобы подчеркнуть, какую ценную информацию вы предоставляете своим посетителям. Делайте их простыми, понятными и информативными.

Google и другие поисковые системы отображают ограниченное количество символов в результатах поиска. Давайте рассмотрим следующий пример:


Это моя статья, расположенная на шестой позиции в поисковой выдаче Google.

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

Не существует какого-то одного магического числа, которое следует использовать для длины заголовков или описаний, так как их размер зависит от формы букв. Вы можете, например, использовать такие тонкие символы, “i” и “o”.

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

Если вы хотите быть уверенным в том, что правильно подобрали длину, можете использовать онлайн инструмент оптимизации сниппетов от Google.

Есть еще несколько метатегов, которые нужно добавлять на все веб-страницы в разделе <head>:

charset определяет кодировку символов HTML-документа. Браузер использует эту информацию, чтобы правильно отобразить страницу.

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

Давайте расширим наш предыдущий пример:

<!DOCTYPE html>
<html>
    <head>
        <!—Кодировка символов UTF8 -->
        <meta charset="utf-8">
        <!—Установка ширины страницы на ширину для устройства с масштабом 1 -->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!—Тайтл страницы заключается в тег <title> -->
        <title>Это тайтл вашей страницы</title>
        <!—Описание страницы определяется в мета-формате -->
        <meta name="description" content="Это описание вашей страницы">
    </head>

    <body>
        <!—Содержимое страницы... -->
    </body>
</html>

Существуют и другие менее используемые мета теги для сайта интернет магазина. Наиболее важные из них: robots, google и http-equiv. Мы должны упомянуть еще одну важную часть метаинформации, хотя она не задается в виде тега. Атрибут изображений alt описывает содержимое картинок на сайте.

alt — это единственный способ продвинуть изображения в поиске. Компьютеры еще не распознают графического содержимого, поэтому мы должны сообщить им, что изображено на картинке. Именно по этой причине атрибут alt является обязательным для всех изображений.

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

  • данные вашего сайта используются сервисом;
  • идентификация вашего сайта является частью идентификации сервиса.

Позвольте мне объяснить.

Google Search Console (известный как «инструменты для веб-мастеров») предоставляет информацию о статистике вашего сайта. Также с его помощью можно повлиять на то, как Google видит ваш сайт. Но для этого вы должны подтвердить, что сайт является вашим.

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

Самый простой вариант доказать право собственности на сайт — это метатег. Коды верификации предоставляются Google Search Console, Pinterest и т.д.

Добавим в наш пример использования мета тегов для сайта код, в котором значение поля Content является кодом верификации, предоставляемым Google Search Console:

<!DOCTYPE html>
<html>
    <head>
        <!—Кодировка символов UTF8 -->
        <meta charset="utf-8">
        <!—Установка ширины страницы на ширину для устройства с масштабом 1 -->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!—Тайтл страницы заключается в тег <title> -->
        <title>Это тайтл вашей страницы</title>
        <!—Описание страницы определяется в мета-формате -->
        <meta name="description" content="Это описание вашей страницы">
<!—Верификация сайта в Google -->
        <meta name="google-site-verification" content="59408yhfuhfjskdlhfasdhfuoyHJHLJHK__Random__BLAH_BLAH" />

    </head>

    <body>
        <!—Содержимое страницы... -->
    </body>
</html>

Эти элементы содержат информацию, которая подхватывается социальными сетями, когда вы копируете ссылку на страницу или нажимаете кнопку «Поделиться» в панели социальных кнопок вашего сайта. Минимальная информация, которую нужно предоставить — это заголовок, мета тег description для сайта и изображение.

Большинство социальных ресурсов поддерживают протокол Open Graph для считывания полезной информации о веб-странице.

Twitter использует свои собственные обозначения, но если они отсутствуют на странице, сервис микроблогов будет использовать данные Open Graph.

Зададим набор тегов Open Graph для Facebook, Google + и LinkedIn. Я также добавил заголовок для Twitter:

<!DOCTYPE html>
<html>
    <head>
        <!—Кодировка символов UTF8 -->
        <meta charset="utf-8">
        <!—Установка ширины страницы на ширину для устройства с масштабом 1 -->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!—Тайтл страницы заключается в тег <title> -->
        <title>Это тайтл вашей страницы</title>
        <!—Описание страницы определяется в мета-формате -->
        <meta name="description" content="Это описание вашей страницы">
<!—Верификация сайта в Google -->
        <meta name="google-site-verification" content="59408yhfuhfjskdlhfasdhfuoyHJHLJHK__Random__BLAH_BLAH" />
<!—Данные Open Graph -->
        <meta property="og:title" content="Это тайтл вашей страницы<" />
        <meta property="twitter:title" content="Это тайтл вашей страницы<" />
        <meta property="og:description" content="Это описание вашей страницы ">
        <meta property="og:image" content="http://yourtsite.com/yourimagedir/yourthumbnail.jpg" />

    </head>

    <body>
        <!—Содержимое страницы... -->
    </body>
</html>

Если у вас возникнут проблемы с метатегами Open Graph, произведите отладку с помощью Open Graph отладчика Facebook.

Schema.org предоставляет схемы для структурированных данных в Интернете.

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

Рассмотрим пример статьи в блоге:

<article itemscope itemtype="http://schema.org/BlogPosting">
    <meta itemprop="image" content="http://yoursite.com/image.jpg">
    <img src="http://yoursite.com/image.jpg">

    <h2 itemprop="name headline">Тайтл статьи</h2>

    <p>
        <time datetime="date_to_xmlschema" itemprop="datePublished">Apr 4, 2016</time>

        <span itemprop="author" itemscope itemtype="http://schema.org/Person">
            <span itemprop="name">Имя автора статьи</span>
        </span>
    </p>

    <div itemprop="articleBody">
        <!—Тело статьи -->
    </div>
</article>

Используйте атрибут itemscope, чтобы обозначить начало нового объекта schema.org. itemtype определяет тип элемента, начинающегося с itemscope. Используйте атрибут itemprop в пределах открывающегося и закрывающегося тегов элемента с атрибутом itemscope.

Разметка itemprop, которую вы поместите в пределах itemscope, будет определять различные свойства объекта. В нашем примере статьи мы определили свойства мета тега для сайта title, изображения, дату публикации, автора и тело статьи.

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

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

Данная публикация представляет собой перевод статьи «What HTML meta tags to add to your site and what do they do» , подготовленной дружной командой проекта Интернет-технологии.ру

Как заполнить мета-теги страницы сайта правильно и корректно

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

  • Тег title (тайтл) – название страницы, которое выводится в поисковой системе и отражается в браузерной вкладке;
  • Тег description (дескрипшн) – описание страницы, из которого формируется сниппет в поисковой выдаче;
  • Тег keywords (ключевые слова) – в последнее время мнения о том, учитывают ли поисковые системы keywords, расходятся, но я, например, пишу их для себя – для контроля того, чтобы не оптимизировать разные страницы под одинаковые запросы.
  • Тег h2 – заголовок, размещаемый в теле статьи или страницы (для ясности заголовочный тег h2 тоже включу в этот список).

Правильные мета-теги страниц, в соответствии с рекомендациями поисковых систем, – один из важных факторов ранжирования. Относится к внутренней оптимизации. Теги title и description играют значимую роль в релевантности содержания контента. Они помогают роботам Гугла или Яндекса быстрее выбрать из множества сайтов именно те, которые максимально точно отвечают на запрос пользователя. Затем они расставляют URLs в определенной очередности. В доли секунд обрабатывается массивный объем информации.

Не буду утверждать, что правильные мета-теги – панацея от плохого ранжирования (могут быть и другие причины), но благодаря приведению их в порядок, ситуация очевидно улучшается.

Во всех современных системах управления (CMS) есть возможность подключить seo-плагины, модули, блоки для мета-тегов. Если вы на своем ресурсе не обнаружили полей для заполнения мета-тегов или они не выводятся в коде, обратитесь к разработчикам, чтобы проблему устранили. А теперь задумайтесь, найдет ли кто-нибудь сайт с такими мета-тегами, и продолжим.

Как правильно писать мета-теги

Могут ли заголовки title и h2 копировать друг друга

Теперь пробежимся по мета-тегам еще раз. Начнем с заголовков title и h2. Кто-то из оптимизаторов считает, что они могут в точности повторять друг друга, и на продвижении это не отражается. Я думаю иначе: лучше их писать разными. Во-первых, объем тайтла, который будет виден в поиске, ограничен. Его нужно вместить примерно в 40-60 символов с пробелами, максимум 70. Посчитать знаки можно в Ворде (не каждый движок показывает статистику символов в админке). В статье написано, как посмотреть статистику Ворда любой версии.

Заголовок h2 стоит на странице перед текстом или товаром. Он может быть длиннее тайтла, но в разумных пределах. И в заголовок, и в title желательно ввести ключевое слово, причем, ближе к началу. В интернет-магазинах часто заголовки генерируются из названия товара, куда может попасть и артикул. Не очень красиво смотрится заголовок такого типа «12345 Кольцо золотое с сапфирами». Если без артикула в этой строке не обойтись, то лучше ее отредактировать, например, так: «Кольцо золотое с сапфирами арт. 12345».

Словоформами с хвостами можно расширить ключевой запрос. Если сайт имеет региональную привязку, можно добавить в title город и предупредить пользователя, что усулга оказывается, например, в Москве. Но нет никакого смысла прописывать регион в названии продукта на его странице (адрес есть во всех доступных взору местах сайта).

Как сделать мета-теги привлекательными

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

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

При самостоятельном написании мета-тегов не забывайте, что содержание должно быть информативным. Из description без жалости выкидывайте слова, по которым сайт никто не найдет, типа

Наша компания предлагает современные высококачественные…

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

  • Дескрипшн — место, где можно использовать максимум вариаций поискового запроса.
  • Коротко и предельно ясно, что и на каких условиях найдет посетитель, перейдя из поисковой выдачи.
  • Самые важные слова, ключевые, — в начало.
  • Для коммерческих проектов уместным будет слово «купить».
  • Если сайт имеет геопривязку, есть смысл добавить название города или региона.
  • Не нужно «играть» запросом со словом «цена», если цены не указаны на странице.
  • Title — это расширенный заголовок, по которыму должно быть понятно, что предлагает издатель.

При заполнении дескрипшна нужно помнить опять же об ограничении в максимальном объеме. Оптимально – 150 символов с пробелами. Правильно составленный description помогает поисковым системам выбрать нужную страницу для выдачи по запросу. И мы хотим, чтобы до пользователя дошла подготовленная нами информация. Поэтому вводим, не превышая допустимого объема, самое главное, что может заинтересовать целевую аудиторию. Ключевой запрос – в авангарде! Чем точнее информация в теге description, тем больше шансов, что на сайт не придут случайные люди, которые повысят процент отказов.

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

Как проверить мета-теги на сайте

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

Search Console Google (инструменты вебмастера Гугла)

Мета-тегиВ специальном разделе указаны все недочеты по отсутствующим и дублирующимся тайтлам и дескрипшенам. Если сайт добавлен в консоль недавно, то стоит внимательно следить за появляющейся информацией, потому что на ее сбор требуется время. И оптимизированные мета-теги также какое-то время будут показываться ошибками. Аналогичный инструмент есть и в новом вебмастере Яндекса. В блоге есть статья, более подробно рассказывающая, зачем нужно добавлять сайт в вебмастер Яндекса и поисковую консоль Гугла.

Расширение браузера RDS-бар

RDS-бар с включенной функцией «Seo-теги» позволяет «вывернуть наизнанку» каждую страницу сайта, но по одной, а не все сразу. И здесь единственная подсказка – выделенный красным объем описаний, если он превышен. О дублях RDS-бар не расскажет. Кстати, расширение понравится тем, кого интересуют примеры мета-тегов. Берите любой ресурс из ТОПа и изучайте, что написано у конкурентов.

Административная панель сайта

В зависимости от платформы (CMS), поля для seo-тегов в админках сайтов организованы по-разному. На многих современных движках в модулях и плагинах реализованы настройки по ограничению объема, и система будет предупреждать, если мы написали лишку (более 150-155 символов в дескрипшне и 60-70 в тайтле). Особое внимание стоит обратить, если в настройках мета-тегов указано «По умолчанию». Обязательно проверьте, не генерируются ли одинаковые мета-теги для всех страниц категории, а то и всего сайта. Помним, что для каждого URL-адреса эти данные должны быть уникальны относительно друг друга, даже если товар отличается только характеристиками.

Помощь оптимизатора

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

Правильно заполненные мета-теги – это лишь одно мероприятие среди множества других необходимых при работе над качеством сайта. Пренебрегать этой работой нельзя. Никто не может с точностью сказать, почему в какой-то тематике в ТОПе стоит страница, где дескрипшны по 300 знаков. Факторов ранжирования очень много, начиная с возраста домена. Но для молодых площадок тем более важно делать все в соответствии с требованиями и рекомендациями, если мы хотим привлекать клиентов с сайта, а не приглашать на него, вручая визитки при личной встрече.

Теги и заголовки текстов на сайте

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

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

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

Основа SEO-продвижения – это качественно подобранные ключевые слова. Все они в сумме составляют семантическое ядро сайта.

У вас наверняка есть список запросов, по которым мечтаете привлекать клиентов (список если не в электронном виде, то хотя бы в голове).

Чтобы было понятнее, расскажу историю про один сайт.

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

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

Итак, у вас есть примерно три ключевых слова для страницы (мы советуем на 2000 знаков использовать от 1 до 5 ключей, не больше), на которую будете писать текст, что делать с ними дальше?

В нашем случае мы писали текст для главной страницы.

Главную страницу продвигали по трём запросам: подготовка к школе, английский язык для детей +в Москве, секции +для детей +в Москве.

В первую очередь следует добавить эти ключевые слова в теги.

Тег Title

Это заголовок страницы. Пользователь может увидеть его в браузере. Вот так он выглядит:

title в браузере

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

Но это не значит, что срочно нужно вписать все возможные ключевые слова в title, перечислив их через запятую. Нет. Забудьте вообще про это. Так как это важный элемент для продвижения, существует ряд правил по написанию данного тега. Главное – пишем для людей, а не для роботов!

Длина:

70 символов. В данный объем не входит название компании, регион и номер телефона, но в теге для главной обязательно прописывается.

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

Ключевые слова:

Одну страницу в идеале продвигать в среднем по 3 запросам. Соответственно, с учетом допустимой длины (70 символов), постарайтесь прописать тег title с использованием 2 самых важных запросов. На первое место поставьте ключ с наибольшим количеством показов. Рекомендую использовать прямое вхождение.

Где размещать?

Прописываем тег в блоке Head кода страницы. Вот так:

title в коде страницы

Мета-тег Description

Описание страницы. Информация, содержащаяся в данном мета-теге, может быть использована для формирования сниппета. Description отображается только в коде страницы. Пользователям данный элемент не виден.

Длина:

Рекомендуемая длина тега – 200-250 символов (с учетом региона, номера телефона и названия компании). Здесь тоже не стоит использовать какие-либо другие символы, кроме точки, запятой, двоеточия и тире.

Ключевые слова:

Так как в данном мета-теге больше объем по символам, чем в теге title, то можно попробовать включить все 3-5 ключевых слов, по которым планируете продвигать страницу. Начинайте Description со второго по частотности запроса и тоже постарайтесь взять его в прямом вхождении (при условии, что не нарушится удобочитаемость для пользователя, помним, что пользователь важнее любой оптимизации). Разбавляйте содержимое тега маркетинговыми элементами – информацией о ценах, скидках, выгодных предложениях.

Где размещать?

Как и title, прописываем мета-тег Description в блоке Head кода страницы. Пример:

Description в коде страницы

С тегами разобрались. Как их разместить на сайте, написали в статье. Перейдем к следующим важным элементам структуры – заголовкам.

Заголовки

Заголовок – это первое, на что обращает внимание пользователь при посещении страницы. От того, насколько хорошим и заманчивым вы его сделаете, зависит, останется ли посетитель на ресурсе, продолжит читать текст или уйдёт дальше искать на других сайтах. Помните – у вас есть всего несколько секунд, чтобы вызвать интерес пользователя.

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

На любой веб-странице встречаются заголовки разного уровня от <h2> до <h6>. Как их правильно прописать и разместить на странице – читайте в статье.

<h2> – самый значимый заголовок. Для него выбирайте самое важное и максимально точно описывающее страницу ключевое слово:

заголовок h2

На выходе у вас должна получиться вот такая карта релевантности:

заголовок h2

Чего добились в итоге?

После наших работ увеличился трафик из поисковых систем Яндекс и Гугл.

Посещаемость сайта по месяцам

Как писать продающие заголовки?

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

Ниже расскажу вам о некоторых правилах, помогающих создать заголовки не только интересными для пользователей, но и нравящиеся роботам Яндекса и Google. Заранее отмечу, все эти приемы – не панацея. Это не значит, что они безоговорочно подойдут для всех сайтов, нет. Во многом это зависит от тематики бизнеса.

Правило 1. Заголовок должен вызывать желание читать дальше

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

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

Правило 2. Будьте конкретными

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

заголовок с фактами

Правило 3. Не «мыкайте»

«Мы то, мы второе, мы пятое, мы десятое» – пользователю всё равно, какие вы молодцы. Его интересует лишь то, что он сам получит после сотрудничества сами. Поэтому прекращайте «мыкать». Делать это вообще можно лишь в текстах раздела «О компании», да и то в меру. Пишите заголовки ВЫ-ориентированные. Тем самым пользователь понимает, что вы заботитесь и думаете о нем, стараетесь решить проблему, с которой он к вам пришел.

заголовок вы-ориентированный


Это далеко не все правила, которыми следует руководствоваться при написании текстов. Узнать о 7 правилах написания текстов для сайта можно здесь. Если у вас нет времени или желания разбираться во всех тонкостях – пишите нам! С радостью возьмем на себя эту работу.

Мета теги - как прописать и что это такое

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

Как прописать мета-теги?

Итак, сегодня вы узнаете о том, что такое мета-теги в SEO — оптимизации, для чего они нужны, как правильно заполнить мета теги Description и Keywords, а также — тег Title. Поехали.

Описание мета тегов

Мета теги — это служебные теги HTML, несущие информацию о странице и располагающиеся в заголовке HTML-документа, то есть, в теге. Выглядит это так:

Мы с вами их видеть не можем, а все потому, что нам они совершенно не нужны.

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

По поводу того, какие бывают метатеги, я переадресую вас к соответствующей статье в блоге — там все очень подробно описано, и повторять это не вижу смысла. Скажу лишь, что мы с вами будем говорить о двух — description и keywords. Конечно, если вы считаете, что моя статья не полна, и необходимо упомянуть и о других — добро пожаловать в комментарии.

Определенное количество лет назад поисковые системы действительно обращали на них самое пристальное внимание и ранжировали сайты исходя из их (мета тегов) содержимого. И поэтому для того, чтобы продвинуть в топ какой-либо сайт, можно было под завязку начинить их популярными ключевиками — например, э. . . как бы поделикатнее. . . относящимися к порно-индустрии. Необязательно, конечно.

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

На что влияют мета теги?

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

Кстати, известный блогер Сергей Сосновский, к мнению которого стоит прислушаться, считает иначе — что и Яндекс, и Гугл могут учитывать Description при ранжировании.

Вот здесь он пишет об этом, почитайте.

Keywords — тоже не совсем бесполезная часть метаописания. Хотя мнений на эту тему существует масса, но вот в Яндекс. Помощь говорится, что «данный тег может использоваться при определении соответствия поисковым запросам». Фраза, как мне кажется, довольно туманная. Что значит «может»? В любом случае, ключевые слова, не относящиеся к контенту, в этот метатег пихать нельзя.

Кстати, про Description на этой же странице сказано, что и Яндекс использует его при конструировании сниппетов.

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

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

Как прописать мета теги

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

Стоит знать о длине Description, Keywords и Title. Хотя на этот счет мнения также несколько разнятся, но стоит придерживаться следующих соотношений. В выдачу попадают примерно 50-80 знаков из тега Title. Длина Description, которая учитывается поисковыми машинами — 160-200 символов. По поводу Keywords считается, что его максимальная длина — 1000 символов.

Наполнение ключевыми словами. Главное — не переоптимизировать. По одному точному вхождению продвигаемого запроса в Description, Keywords и Title. Тот же запрос в Title — как можно ближе к началу. Название статьи, заключенное в h2 = содержимое Title. По крайней мере, я так делаю.

Хотя часто говорится, что туда стоит включить еще несколько сопутствующих НЧ-запросов по убыванию частотности.

А как вы составляете Title?

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

Тег Title и мета тег Keywords должны быть уникальными для каждой страницы. Насчет Description — точно такое же условие. Хотя за повторяющееся описание бан вы вряд ли заработаете, но в выдаче ваши страницы будут понижены.

О вреде дублирования Description

Некоторые WordPress плагины — в частности, Social Share Buttons, вовсе не предназначенный для составления мета тегов, — могут дублировать Description разных страниц. Я уже писал об этом в статье «3 ошибки, которые я допустил при продвижении блога». Обязательно проверьте исходный код страницы, нажав CTRL-U — вы увидите, как у вас на самом деле выглядит метаописание. Обязательно вспомню, как я тогда обуздал взбесившийся плагин и напишу об этом статью — подписывайтесь на RSS, не пропускайте обновления!

Тег Title, кроме всего прочего, должен использоваться только один раз на странице — опять-таки, надо следить за плагинами.

Как я уже говорил, Description не должен представляет собой мешанину из ключей, ведь на основе него составляется сниппет. Понятное дело, то же касается и Title. Вообще, при прописывании тайтла приходится соблюдать баланс между требованиями поисковиков и ожиданиями читателей — иногда получается прямо-таки словесная эквилибристика.

Частая ошибка — неочевидный запрет индексации Яндексом

Кстати, распространенная фишка Яндекса — появляющееся в панели веб-мастера сообщение «Страница не была проиндексирована, так как содержит мета тег noindex». Часто бывает, что самого noindex в коде нет. В этом случае, тщательно проанализировав исходный код и файл robots. txt, стоит опять искать по плагинам — какой из них может своевольничать.

Этот блог, к примеру, поначалу никак не хотел влезать в индекс Яндекса — зловещее сообщение гласило, что от индексации закрыта главная страница. Правда, после пары апдейтов все встало на свои места. Я думаю — свою роль здесь сыграло то обстоятельство, что еще пустой и недоработанный блог я залил на хостинг и запретил в админке его индексацию. А Яндекс, как известно, не злопамятный — просто он злой, и память у него хорошая:) Шутка. Робот Яндекса, самостоятельно найдя блог, запомнил noindex, а потом долго сюда не наведывался.

Ну, вот и все, что я хотел рассказать о том, как прописать мета теги.

Как правильно писать теги с названиями? Подробное руководство

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

Правильно ли мы понимаем значение этого слова и действительно ли тег нужен только как указатель при поиске информации?

Вебмастера работают на компьютерах

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

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

Язык его происхождения - английский, с которого tag переводится как "бирка, этикетка", а глагол to tag известен британцам в значении "метить, помечать".

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

Сегодня мы будет говорить о том, как писать теги для Интернета, а именно для социальных сетей и при создании сайтов.

Использование тегов в социальных сетях

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

  • Он начинается с символа "решетка" (Shift + 3 в английской раскладке клавиатуры).
  • Если состоит из двух и более слов, то эти слова не должны прерываться. Обычно либо между ними не ставят пробелы (например: #мыходилигулять), либо ставят знаки препинания или символ "нижнее подчеркивание" в тех местах, где должны быть пробелы (например: #мы_ходили_гулять).
  • Если кликнуть на активный хештег, поиск выдаст другие записи с таким же хештегом. Именно поэтому хештеги часто применяются для упрощения поиска по паблику или по теме поста. Теги в социальных сетях

Использование тегов при размещении видеозаписей на Youtube

Для видеохостинга "Ютуб" наличие тегов невероятно важно. Дело в том, что этот сервис помогает видеоблогерам продвигать свои каналы совершенно бесплатно, если соблюдены следующие условия:

  • Пользователь не нарушает правил "Ютуб" и норм действующего законодательства.
  • Видео на канале пользователя действительно интересные и нравятся зрителям, о чем свидетельствует количество просмотров, комментариев, положительных оценок, количество подписчиков.
  • Канал оформлен правильно: есть обложка, заполнена вся необходимая информация. Это позволяет понять, что блогер настроен серьезно.
  • Видео размещено правильно: название исходного файла соответствует будущему названию видео, само название интригующее, а также указаны теги.

Теги заполняются после загрузки видео в специальном поле. Они позволяют пользователю "Ютуб" найти видео по теме. Система анализирует теги и название видео, затем выдает его по запросу в поисковой строке.

Съемка видео для ютуб

Как написать теги в "Яндекс.Дзен"

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

Как правильно писать теги в "Дзен"

Определитесь с темой статьи. Выделите ключевые слова - они и должны стать тегами.

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

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

Работа веб-дизайнера или веб-мастера

Использование тегов в HTML

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

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

Как писать теги в HTML

Каждый тег заключается в угловые скобки, в противном случае он тегом в HTML не считается, а потому будет выглядеть как просто текст. Как правильно: <title>, <b>. Как неправильно: title, b.

Каждый тег имеет какое-либо действие. В HTML абсолютно все пишется именно с помощью тегов, будь то шрифт текста или вставка изображения.

Есть парные теги, а есть непарные. Парные указывают на то, что действие определенного тега распространяется только на часть документа - ту, которая размещена между парными тегами. Тег, который указывает на конец фрагмента, пишется со слешем. Например, если нужно выделить текст жирным шрифтом: <b>текст, выделенный жирным шрифтом</b>. Если нужно вставить таблицу: <table>здесь идет таблица с колонками, ячейками и текстом в них</table>.

Непарные теги преимущественно связаны со вставкой какого-либо элемента, потому отсутствует необходимость указывать, на какой фрагмент документа распространяется их действие. К таким тегам относятся абзац, вставка изображения/видеозаписи/аудиозаписи, вставка символов маркированного списка и тому подобное. Например, чтобы вставить изображение, используется следующий тег: <img>, чтобы вставить абзац - <br>.

Помимо тегов существуют их атрибуты - своеобразные настройки тегов. Например, чтобы указать размер, цвет или тип шрифта, используется тег <font>, но этого недостаточно, так как машине непонятно, какой именно размер или тип шрифта имеется в виду. Потому нужно конкретизировать с помощью атрибутов size, color и face. Они пишутся в тех же угловых скобках после тега, и важно задать значение атрибутов. Например <font size="+2" color="770077" face ="Tahoma">. Это означает, что размер шрифта будет увеличен на два пункта, цвет текста - фиолетовый, а используемый шрифт - Tahoma. Также можно выбирать только один атрибут. К слову, код цвета пишется по принципу RGB. Можно просто посмотреть код выбранного цвета в "Фотошопе".

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

Процесс создания сайта

Зачем нужны мета-теги

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

Как правило, пользователь перейдет по тем ссылкам, которые занимают первые позиции в поисковой выдаче.

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

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

Как правильно писать теги

Задачи мета-тегов при отптимизации

Для оптимизации страницы под поисковые системы нужны теги <title> <description> <alt>:

  • <title>Текст </title> - парный тег. В нем прописывается то, какая информация содержится на этой веб-странице. В <title> может повторяться то, что написано в заголовке Н1 и подзаголовках, а может и немного отличаться. Данные в теге <title> видны не на самой странице, в только в коде и во вкладке сайта.
  • <description> - более подробное описание того, какая информация содержится. Достаточно примерно 150-200 символов (несколько предложений). Пользователь не видит то, что содержится в данном теге, эта информация нужна для индексации поисковыми системами.
  • <alt> - у него задача похожа на задачу предыдущего тега, но разница в том, то он конкретизирует какой-либо конкретный элемент, например, поясняет, о чем изображение. Пользователю это описание может быть видно только при наведении курсора мышки на изображение, и то не всегда. Еще один веб-мастер

Как правильно писать мета-теги

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

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

Во всех мета-тегах нужно употребить минимум один-два главных ключевых слова. Например, если сайт о дрессировке собак, то фраза "дрессировка собак" должна быть как минимум в <title> и <description>.

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *