Зачем и как правильно оформлять страницы сайта?
Основной принцип продвижения в поисковых системах (SEO продвижение) — соответствие сайта ожиданиям интернет-пользователя, который делает запрос к Google или Яндекс для получения наиболее релевантного, т.е. максимально точного ответа.
Поэтому крайне важно создать веб-страницу таким образом, чтобы она а) своим содержанием отвечала на вопрос пользователя и б) давала поисковым системам исчерпывающую информацию, о чём же данная страница.
Предположим, что страница создана, содержит уникальный, качественный для потенциального посетителя контент. Остановимся на том, что нужно сделать для её видимости в поисковых системах. Эта задача связана с корректным оформлением элементов страницы (тегов), важных для поиска. Прежде всего это
- заголовки h1, h2, h3 и т.д. (по необходимости);
- тег title — заголовок страницы, который отображается в поисковой выдаче и заголовке вкладки вашего браузера;
- мета-тег description, на его основе формируется сниппет — краткое описание страницы в выдаче;
- мета-тег keywords, ключевые слова.
Также желательно наличие на странице графики, если она нужна по смыслу.
Крайне важно иметь возможность заполнения или изменения этих атрибутов на вашем сайте.
Рассмотрим каждый из этих элементов подробнее.
H1 — это основной заголовок статьи, её название. Это то, что в первую очередь видит пользователь. Поскольку данный атрибут несёт в себе основной смысл, он является важным ориентиром для поисковых систем, сообщающий им, о чём данная страница. H1 на странице должен быть только один. Заголовки h2, h3 и далее по иерархии используются для обозначения разделов внутри статьи и дают поисковикам дополнительную информацию.
Title — это заголовок страницы, который в первую очередь виден поисковым системам. Можно сказать, что если H1 в первую очередь предназначен для пользователя, хотя и для поисковых систем он очень важен, то title предназначен поисковикам. Обычно он составляется на основе ключевых слов, по которым страница сайта должна быть видна в поиске. Рекомендуемая длина 55-60 символов, желательно чтобы он содержал в себе не более 12 слов. Наиболее важные ключи должны быть расположены ближе к началу заголовка. Также необходимо обеспечить уникальный title для каждой страницы — это помогает страницам лучше ранжироваться в поиске.
Мета-тег Description — краткое описание страницы. Грамотно составленный description может целиком попасть в сниппет поисковой выдачи, увеличивая вероятность того, что пользователь кликнет именно на вашу страницу. Поисковая система может формировать сниппет на основе содержания страницы, но так или иначе, решение о её релевантности принимается в том числе по содержимому тега description. Важно тщательно прописывать данный атрибут с использованием ключевых слов. Рекомендуемая длина тега соответствует размеру снипетта в поисковой выдаче, т.е. 120-135 символов.
Мета-тег keywords — перечень слов, наиболее часто встречающихся на странице. Плотность ключевых слов можно проверить через сервис http://istio.com/rus/text/analyz/. Рекомендуется прописывать 5-6 ключевых слов для одной страницы.
Атрибут alt для изображений — дает поисковым системам подсказку относительно того, что на них изображено. Правильно оформленный элемент alt позволяет получить целевой трафик при поиске по изображениям. Кроме того, он является дополнительным показателем качества оформления страниц сайта и способствует лучшему ранжированию поисковыми системами.
Текст. Не стоит забывать, что грамотное форматирование текста, использование жирного шрифта и курсива там, где это требуется по смыслу, позволяет легче воспринимать текст, а это ещё один плюс вашему сайту. При этом не стоит усердствовать с выделением ключевых слов, под которые оптимизирована страница — это может быть расценено поисковиками как попытка манипуляции выдачей.
Видео. Видео-ролики релевантные тематике вашего сайта позволяют увеличить время пребывания посетителя на сайте, что положительно сказывается на поведенческих факторах сайта. Поэтому если у вас есть видеоматериал, его необходимо разместить на сайте там, где он будет наиболее уместен по смыслу. Традиционно сами видеоролики размещаются на популярной площадке YouTube и вставляются на сайт при помощи специального кода. Описания к роликам можно оптимизировать под запросы, что в перспективе даст дополнительный трафик на сайт.
Оформление ссылок. Для того чтобы придать ссылкам на сайте эстетичный вид (иногда они бывают очень длинными), их необходимо вставлять при помощи html-кода, чтобы в тексте отображался только URL самого сайта.
Грамотное оформление статей на сайте позволяет читателю зацепиться взглядом за текст, легче усвоить его содержание, получить ответ на свой вопрос. Все это, в свою очередь улучшает статистику поведения пользователей на сайте, помогает ему занимать более высокие позиции в в выдаче поисковых систем, что в конечном итоге приносит новые продажи.
![Где продажи?](/preview/blog_also/pic/24421_v-blog.jpg)
![Счетчик посещений: простой инструмент с большими возможностями](/preview/blog_also/pic/24012_schetchikiobratnogootchetadlyalendinga.png)
![Что дает Вам микроразметка сайта?](/preview/blog_also/pic/23711_1024x555.png)
![Как удержать клиентов на своём сайте](/preview/blog_also/pic/23377_pow1a.jpg)
![Комплекты (наборы товаров) в bitrix](/preview/blog_also/pic/23375_1.png)
![FAQ по онлайн кассе](/preview/blog_also/pic/21808_cash_s.jpg)
![Краткий демо-кейс импорта в инфоблоки](/preview/blog_also/pic/20797_easybutton.png)
![О формате XML-файла импорта в инфоблоки Битрикса](/preview/blog_also/pic/20774_image.png)
![Эффектные кнопки на сайте](/preview/blog_also/pic/20632_Dlya-knopok.png)
![Как приобрести уверенность в завтрашнем дне, работая с Bitrix - компонентами.](/preview/blog_also/pic/20633_Bitrix-komponenty.png)
![Перенос контента в инфоблоки Битрикс](/preview/blog_also/pic/20378_logo.png)
![Как 1С выгружает товары на сайт под управлением 1C Bitrix. Небольшой how to для тех кто не в теме](/preview/blog_also/pic/19273_1.jpg)
![Как я узнала, что такое хостинг](/preview/blog_also/pic/19287_2.png)
![Эффективные стратегии продвижения бизнеса в интернет в 2018 году](/preview/blog_also/pic/19196_Yeffektivnye-strategii-prodvizheniya-biznesa.png)
![Что ждет сайт без поддержки https протокола?](/preview/blog_also/pic/18710_2.png)
![Реклама на Facebook. Маркетинговые цели.](/preview/blog_also/pic/18117_Facebook.png)
![Контент для успешного сайта](/preview/blog_also/pic/17586_logo1.jpg)
![Бэкдор в WordPress](/preview/blog_also/pic/17514_WordPress.png)
![Настройка рекламных аккаунтов на Facebook](/preview/blog_also/pic/17450_Facebook.png)
![Вместе до результата или как правильно организовать работу с веб-студией](/preview/blog_also/pic/17358_Vmeste-do-rezultata-ili-kak-pravilno-organizovat-organizovat-rabotu-s-veb-studiej.png)
![Семинар по продвижению услуг учреждений культуры в социальных сетях](/preview/blog_also/pic/16784_Seminar.jpg)
![Как сэкономить на контекстной рекламе или не Директом единым...](/preview/blog_also/pic/16695_Kak-syekonomit-na-kontekstnoj-reklame-ili-ne-Direktom-edinym.png)
![Таргетинг по тематическим площадкам в РСЯ](/preview/blog_also/pic/16677_Targeting-RSYa.png)
![Зачем платить за рекламу в социальных сетях](/preview/blog_also/pic/16575_Zachem-platit-sotsseti.png)
![Какие сайты должны использовать сертификаты безопасности?](/preview/blog_also/pic/15934_announce.png)
![Что продается в социальных сетях](/preview/blog_also/pic/15912_Chto-prodaetsya-v-sotsialnyh-setyah.png)
![Контекстная реклама или SMM, что выбрать?](/preview/blog_also/pic/15458_Konntekstnaya-reklama-i-SMM-printsipy-raboty.png)
![Каким должен быть сайт медицинского учреждения?](/preview/blog_also/pic/15294_Kakim-dolzhen-byt-sajt-meditsinskogo-uchrezhdeniya.png)
![Палех. Жар-птица для оптимизатора](/preview/blog_also/pic/14942_Novyj-algoritm-Paleh.png)
![Участие в семинаре "Как создать успешную рекламную компанию в Google AdWords"](/preview/blog_also/pic/14780_Shablon.png)
![Google Tag Manager все скрипты в одном контейнере…](/preview/blog_also/pic/14668_Google-Tag-Manager-vse-skripty-v-odnom-kontejnere.png)
![UTM метки в SMM или как считать лиды из социальных сетей](/preview/blog_also/pic/13436_Shablon.png)
![Черная и белая стороны продвижения в Instagram](/preview/blog_also/pic/13384_Shablon-3.png)
![Новый пиксель ВКонтакте - новые возможности по сбору баз ретаргетинга с сайтов](/preview/blog_also/pic/13211_logo.jpg)
![Почему seo-продвижение сайтов это не только ссылки?](/preview/blog_also/pic/12417_Rynok_APK.png)
![Старые продукты. Польза или вред?](/preview/blog_also/pic/12379_cashFire.png)
![Версия для слабовидящих - нюансы разработки](/preview/blog_also/pic/12192_4.png)
![Почему мы используем Parser в большинстве своих проектов?](/preview/blog_also/pic/12067_Parser.png)
![Что показывает статистика Яндекс Wordstat](/preview/blog_also/pic/11950_skachannye-fajly-19.png)
![Стоит ли разделять CSS и JS на более мелкие](/preview/blog_also/pic/11467_css4.jpg)