SEO-настройки

Чек-лист по SEO

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

Есть целая дисциплина, посвященная продвижению сайтов в поисковых системах, их оптимизации для поисковиков. Она называется "SEO продвижение".

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

Чтобы ваш сайт корректно индексировался и имел высокие шансы на продвижение вверх в поисковой выдаче, посмотрите и настройте всё в соответствии с руководством ниже.

Что необходимо проверить обязательно:

Заголовки Н1 - Н6

Когда робот поисковых систем проверяет ваш сайт, то весь текст на нём по умолчанию для него имеет одинаковое значение. Чтобы показать роботу, что одна часть текста важнее, чем другая, были придуманы заголовки. Всего есть 6 типов заголовков - H1, H2, H3, H4, H5, H6 и обычный текст.

Заголовок имеет главное значение, Подзаголовок второстепенное, а Текст стоит на последнем месте по значимости.

Иерархия текста

Если ничего не настраивать, то все блоки имеют одинаковые теги, и для поискового робота они пока ничем не отличаются.

В mottor, например, теги SEO для текста можно проставить в пару кликов:

Текстовый редактор mottor SEO тег
Текстовый редактор mottor

Важные моменты

Заголовок H1 может быть только один на странице сайта. Отмечайте им самую главную мысль. Иерархия заголовков идёт сверху вниз. В данном примере ниже всё идёт правильно. Более важный смысловой блок находится над менее важными.

Иерархия SEO тегов

Важно! Заголовок H1 может быть только один на странице.

А в этом примере ниже сделано неверно, так как менее важный H3 текст располагается в иерархии выше более значимого H2.

Некорректная иерархия SEO тегов
Неправильная иерархия заголовков

Атрибуты alt и title у картинок

У картинок в настройках есть два тега — alt и title.

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

Тег title

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

Оптимальная длина тега — 65-80 символов.

Пример настройки тегов в интерфейсе редактора mottor
Пример настройки тегов в интерфейсе редактора mottor

При наведении курсора на картинку показывается вот такая подсказка:

Всплывающая подсказка атрибута title

Тег alt

Этот тег играет большее значение для картинки. Атрибут Alt для картинок – это текст, описывающий изображение в html-теге <img>. Он становится видимым в случае невозможности загрузки изображения, т.е. если по какой-то причине картинка на сайте не загрузится, будет показываться текст, который вы укажете в этом теге:

Пример работы тега alt

Именно тег alt индексируется поисковиками и благодаря ему можно найти картинку в поиске по картинкам.

Длина этого тега также должна быть небольшой — 75-80 символов

Пример настройки тегов в интерфейсе редактора mottor
Пример настройки тегов в интерфейсе редактора mottor

Общие рекомендации

1. Тег должен описывать то, что изображено на картинке.

2. Избегайте спама. Не пишите много ключевых слов.

3. Используйте ключевые слова в тегах

4. Ключевые слова лучше записывать в именительном падеже, например "красная рубашка"

Заголовок, описание и ключевые слова

Title, Meta-Description, Meta-Keywords (мета-теги) предоставляют краткую информацию о странице поисковым системам. Правильное заполнение этих параметров повышает шансы вашего сайта подняться в поисковой выдаче по нужным запросам.

Заголовок (title)

Это заголовок вкладки в браузере, который отображается в поисковой выдаче.

Укажите название вашего сайта, либо кратко опишите, что вы предлагаете или о чём сообщаете на вашем сайте. Поисковые системы рекомендуют использовать не более 60-100 символов в этом поле.

Пример заполнения заголовка в интерфейсе mottor (настройки страницы)
Пример заполнения заголовка в интерфейсе mottor (настройки страницы)

Так Заголовок (title) выглядит во вкладке браузера:

Заголовок title пример

Описание (meta-description)

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

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

Пример заполнения описания в интерфейсе mottor (настройки страницы)
Пример заполнения описания в интерфейсе mottor (настройки страницы)

Ключевые слова (meta-keywords)

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

Мы не рекомендуем использовать для одной страницы большое количество ключей, поскольку это приведёт к её переоптимизации и, как следствие, снижению позиций в поиске. Достаточно буквально 10-20 слов и/или фраз, перечисленных через запятую. Оптимальное количество знаков для ключевых слов — 150-250.

Пример заполнения ключевых слов в интерфейсе mottor (настройки страницы)
Пример заполнения ключевых слов в интерфейсе mottor (настройки страницы)

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

Favicon

Favicon — это значок (иконка) сайта или страницы. Отображается во вкладке браузера перед названием страницы, а также в качестве картинки рядом с закладкой и в поисковой выдаче рядом с названием сайта.

Как выглядит фавикон
Как выглядит фавикон

Где можно создать фавикон?

Можно воспользоваться бесплатным сервисом — favicon.cc

1. Если у вас уже есть необходимая картинка — загрузите ее, нажав
Import Image
2. Либо создайте иконку прямо во встроенном редакторе
3. Сохраните фавикон

Сервис favicon.cc

Иконка в поиске

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

Как установить Favicon для сайта в mottor

Страница 404

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

Страница 404 обязательно должна показываться при переходе по некорректной ссылке — это требование поисковых систем. Эта страница сообщает поисковым роботам, что url (адреса страниц) устарели и их можно убрать из поисковой выдачи.

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

Ошибка 404
Страница с ошибкой 404

Как настроить переход на эту страницу в mottor

В нашем сервисе это делается очень просто: в настройках сайта есть раздел SEO настройки, там необходимо выбрать Показывать экран "404 Страница не найдена":

Пример настройки перехода на 404-страницу в mottor
Пример настройки перехода на 404-страницу в mottor

Размещение ссылки на сайт в социальных сетях

Вы можете настроить внешний вид ссылки на сайт в соцсетях (OpenGraph), чтобы при упоминании сайта или страницы она содержала нужную информацию о вашем сайте. Для каждой страницы отображение можно настроить отдельно.

Как выглядит ссылка на сайт в соц.сети
Как выглядит ссылка на сайт в соц.сети

Какой должен быть размер картинки для OpenGraph

Фейсбук советует использовать изображения размером не менее 600×315 пикселей, чтобы подтянулась большая картинка. Допускаются изображения размером не более 8 МБ.

ВКонтакте рекомендует использовать картинки размером от 537×240 пикселей и тогда ссылка будет сопровождаться увеличенной картинкой в сниппете на стене.

Оптимальный размер изображения 1200x630 пикселей.

Вы можете ориентироваться по такому шаблону:

Образец Opengraph
Размер шаблона 1200x630 пикселей. Центральная часть шаблона (ярко оранжевый цвет) — это та область изображения, которая гарантировано будет видна во всех соц.сетях, при размещении ссылки на ваш сайт.

Что делать, если данные сразу не подхватились в соц. сетях

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

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

На странице введите в форме внизу адрес вашего сайта и нажмите Выполнить:

Очистка кэша сайта Вконтакте

Если данные не подхватились в Telegram, то вам поможет специальный бот @webpagebot. Просто отправьте этому боту сообщение со ссылкой на ваш сайт. После этого мессенджер автоматически обновит информацию о нем.

Файлы robots.txt и sitemap.xml

Нужно задать для поисковика подробные инструкции к тому, какой адрес сайта выставить в поисковой выдаче, какие страницы есть у этого сайта, и так далее — подобные параметры прописаны в специальных файлах robots.txt и sitemap.xml.

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

Говоря простым языком, Sitemap.xml это каталог страниц, которые есть у сайта, а Robots.txt это файл, где написано, какие страницы робот может посещать, а какие нет.

Как сгенерировать файлы robots и sitemap для сайта в mottor

Добавление сайта в поисковые системы

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

ВАЖНО: Сайт может добавляться в поисковики от 1-20 недель. Необходимо подождать, пока поисковики проиндексируют ваш сайт и добавят его к себе в базу.

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

Как добавить сайт в вебмастер Яндекса

1. Регистрация аккаунта
Зарегистрируйте аккаунт перейдя по ссылке.
Если аккаунт уже зарегистрирован, то войдите в него.

2. Добавление сайта
Перейдите на страницу добавления сайта, введите адрес вашего сайта и нажмите кнопку "Добавить".

ВНИМАНИЕ! Адрес сайта нужно обязательно указывать с протоколом HTTP или HTTPS, в зависимости от того, подключён ли у вас SSL-сертификат для домена. Без правильного сертификата роботы Яндекс Вебмастера могут не найти сайт.

Добавление сайта в Яндекс.Вебмастер

3. Подтверждение прав
Выберите способ подтверждения мета-тегом, выделите тег и скопируйте его.

Подтверждение прав на сайт Яндекс.Вебмастер

4. Разместите мета-тег в коде вашего сайта
Обычно мета-тег вставляется перед закрывающим тегом </head>

Поле для вставки кода перед закрывающим тегом head в mottor
Так выглядит поле для вставки кода перед закрывающим тегом </head> в mottor  

5. Вернитесь обратно на страницу проверки прав Яндекса
И нажмите кнопку Проверить и готово.

Подтверждение прав на сайт Яндекс.Вебмастер через мета-тег
Так выглядит поле для вставки кода перед закрывающим тегом </head> в mottor  
Как добавить сайт, собранный в mottor, в вебмастер Яндекса

Как добавить сайт в вебмастер Google

1. Регистрация аккаунта
Зарегистрируйте аккаунт в google перейдя по ссылке.
Если аккаунт уже зарегистрирован, то войдите в него.

2. Добавление сайта
Перейдите на страницу добавления сайта и выберите тип ресурса.

Если вам необходимо продвигать все поддомены вашего сайта, то введите домен в левый блок "Доменный ресурс"

Если же нужно, чтобы продвигался только 1 сайт без поддоменов — введите домен в блок "Ресурс с префиксом в URL". Обязательно перед доменом укажите протокол: "https://" если к вашему домену подключен SSL сертификат или "http://" если домен не имеет SSL сертификата.

Далее будет рассматриваться вариант подключения с помощью блока “Ресурс с префиксом в URL”.

Добавление сайта в вебмастер Google

3. Подтверждение прав
В следующем окне вам будет предложено загрузить файл в корневую папку сайта, но можно сэкономить время, выбрав чуть ниже в разделе "Другие способы подтверждения" вариант "Тег HTML".

Нажмите на "Тег HTML". и скопируйте код, предложенный в 1 шаге.

Подтверждение прав на сайт тег HTML

4. Разместите мета-тег в коде вашего сайта
Обычно мета-тег вставляется перед закрывающим тегом </head>

Поле для вставки кода перед закрывающим тегом head в mottor
Так выглядит поле для вставки кода перед закрывающим тегом </head> в mottor  

ВНИМАНИЕ! Чтобы проверка прошла успешно, ваш сайт должен быть обязательно запущен, иначе Google не сможет найти код.

5. Затем снова возвращаемся на страницу Google Search Console
И нажимаем на кнопку "Подтвердить" во 2 шаге подтверждения. Готово!

Как добавить сайт, собранный в mottor, в вебмастер Google

Итоги

Итак, в этой статье мы узнали, что такое SEO-параметры и как их настраивать.

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

— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat

Ищете конструктор чтобы собрать сайт или интернет-магазин?
Попробуйте mottor бесплатно

Ищете конструктор чтобы собрать сайт
или интернет-магазин?
Попробуйте mottor бесплатно

бесплатный конструктор сайтов, лендингов и квизов
Документы:
Документы:
Полезные ссылки:
Полезные ссылки:
Функциональность:
Функциональность:
О компании:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России