Как правильно написать и оформить страницу для сайта?

Все новое - это хорошо забытое старое.

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

Поэтому хочется повторить основы правильного написания и оформления страниц сайта:


Содержание страницы

  1. Одна страница сайта должна быть посвящена одной теме. Чем "уже" тема, тем выше вероятность оказаться вверху поисковой выдачи и тем проще раскрыть тему полностью. 
  2. В начале текста должно быть вводная часть - формулирующая вопрос на который отвечает страница.
  3. В конце страницы должны быть выводы или заключение.
  4. Размер страницы должен  соответствовать дизайну сайта и смыслу темы. Есть сайты где плохо смотрятся длинные статьи, есть сайты не предназначенные для коротких заметок.

Ссылки "с" и "на" страницы сайта.

  1. На каждую страницу сайта должны вести ссылки с других страниц,  помимо ссылки из меню.
  2. С каждой страницы должны быть исходящие ссылки на другие страницы вашего сайта. 
  3. Стиль ссылок крайне желательно выделять подчеркиванием ссылка
  4. Для продвижения и для восприятия читателем хорошо, когда со страницы есть ссылки на другие авторитетные сайты по описываемой тематике или источники.
  5. Ссылки на другие сайты лучше открывать "в новом окне"

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

  1. У каждой страницы должен быть заголовок!
  2. Заголовок должен быть уникальным в пределах сайта
  3. Заголовок страницы должен быть выделен тегом <H1> и должен находится вверху страницы
  4. Стиль <h1> должен выводится самым крупным шрифтом на сайте.
  5. Если в странице есть подтемы, они должны иметь свои подзаголовки, которые выделяются тегами <h2>, <h3> и т.д. в порядке убывания важности и соответственно размера шрифта.
  6. У каждой страницы должен быть заголовок для поисковиков <title> - именно он выводится в выдаче поисковой системы и как заголовок окна вашего  браузера.
  7. <title> должен содержать в себе заголовок страницы или совпадать с ним. 
  8. <title> должен быть уникален в пределах всего интернета, чего легко достичь добавив в него домен сайта или ваш бренд.

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

Все это вы можете найти в требованиях Google и Яндекс к хорошему сайту, однако там тексты длинные и их обычно никто не читает...

И не забываем про правила выбора шрифтов для сайта

5 комментариев:

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

    ОтветитьУдалить
  2. Привет Андрей! По верстке все просто - вся важная информация должна быть в первом окне при разрешении 1024*768. И, как это ни удивительно, до сих пор выше ранжируются сайты на чистом HTML+PHP, без SQL баз и всего что тормозит ответ сервера. Табу на всплывающие окна как такового нет, но то что может мешать посетителю, мешает и позициям в органике.

    ОтветитьУдалить
  3. Очень полезная статья, особенно для современных SEO новичков. Это сборка правил и рекомендаций поможет каждому, главное всегда помните о удобстве вашего сайта для пользователя. Если вы создаете уникальный ресурс, всегда помните об уникальности вашего контента. Можно найти массу сайтов для проверки на плагиат, но по моему опыту, больше всего мне понравился этот http://antiplagius.ru/. Главное помните о ваших читателях, во время работы над вашим ресурсом.

    ОтветитьУдалить
  4. Данный релиз полностью изменяет инструмент Press This для работы с контентом, добавляет поддержку смайликов Emoji, упрощает работу с плагинами и темами, и даже примеры сайтов html разработка ускорит работу на страничке.

    ОтветитьУдалить