Правильная структура страниц — больше посетителей с поисковых систем

Большая часть веб-страниц, которые вы ежедневно можете видеть в своем браузере, представляют собой текстовые файлы, содержащие инструкции на языке HTML (от англ. HyperText Markup Language — язык разметки гипертекста). Этот язык был создан для отображения текстовой информации в удобочитаемом виде. Благодаря HTML, веб-мастер может выделить в текстовом документе заголовки, создать таблицы, списки, посредством ссылок связать документы между собой и т. д.

Мы не станем подробно рассматривать этот язык, поскольку для этого потребовалась бы еще одна книга. Тем более, значительная часть издателей наверняка с ним знакома. Если же вы еще ни разу не сталкивались с этим языком, попробуйте сохранить в виде файла одну из загруженных в ваш браузер страниц и затем открыть его с помощью любого текстового редактора. То, что вы увидите на экране, и будет HTML-представлением этой страницы. Помимо обычного текста, который вы видели в окне браузера, в открывшемся документе вы встретите различные элементы, заключенные в скобки вида < >. Эти элементы принято называть тегами, именно от них зависит, как будет выглядеть веб-страница в браузере пользователя. Обычно используются парные теги — они включают в себя начальный и конечный теги. По сути, парные теги представляют собой контейнеры, которые влияют на отображение заключенного в них текста или других объектов. Парные теги могут многократно вкладываться друг в друга — в этом случае текст будет отформатирован с учетом всех тегов, в которые он вложен.

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

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

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

Или другой пример — сайт, который содержит огромное количество фотографий. Как поисковой системе определить, что изображено на фотографиях, и по каким поисковым запросам эти фотографии показывать в результатах поиска? Если на страницах с фотографиями окажется мало текста, поисковым системам будет крайне тяжело определить ключевые слова, релевантные этим фотографиям. Поисковые системы хоть и используют мудреные алгоритмы по распознаванию изображений, но пока еще далеки от человеческого восприятия. В этой ситуации поисковым системам можно помочь, задав в специальных атрибутах название и описание изображений. Следует уточнить, что эти атрибуты не предназначены для поисковых систем. Так, атрибут alt тега <IMG> отвечает за отображение альтернативного текста, описывающего фотографию, в тех случаях, когда нет возможности загрузить саму фотографию, но, вместе с тем, многие поисковые системы используют значение этого атрибута для определения релевантности изображения тем или иным ключевым словам.

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