7 правил HTML для удобства использования сайта и SEO

1. 1. <голова>
2. 2. <title>
3. 3. <meta name = "description" ...
4. 4. rel = ”канонический”
5. 5. <a href = ”..
6. 6. <link rel = "таблица стилей" ...
7. 7. Микроданные
8. Заключение

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

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

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

1. <голова>

SEO: это самый важный раздел всей HTML-структуры вашего сайта с точки зрения SEO. Здесь вы собираетесь вставить теги заголовка, мета-описание и даже код аналитики поисковой системы, скорее всего, получит свое место здесь. Кроме того, тег head содержит некоторые другие важные теги, такие как мета-теги, и, конечно, все важные теги rel = ”canonical”. Все это будет обсуждаться индивидуально в пунктах ниже. Однако, из-за его общей важности, я чувствовал, что тег head должен сам по себе иметь свою точку зрения.

Удобство использования. С точки зрения удобства использования тег заголовка может не показаться важным, поскольку этот раздел не повлияет на внешний вид сайта (за исключением тега заголовка). Однако, поскольку большая часть содержимого тега head будет отражена на странице результатов поисковой системы (SERP), если этот контент воспринимается как обманчивый или непрофессиональный, пользователи не будут нажимать для доступа к вашему сайту. Google и другие поисковые системы будут использовать содержимое метатегов в теге head для определения фрагмента вашего сайта. Таким образом, вы должны сделать его максимально чистым и удобным для использования.

2. <title>

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

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

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

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

Чтобы ознакомиться с полным набором рекомендаций по тегам заголовков , обратитесь к статье:
« 15 правил оптимизации тегов заголовков для удобства использования и SEO »

3. <meta name = "description" ...

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

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

4. rel = ”канонический”

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

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

5. <a href = ”..

SEO: Излишне говорить, что ссылки необходимы для SEO. Вместе с XML-файлами сайтов они представляют собой единственный способ, с помощью которого сканеры поисковых систем находят и индексируют веб-страницы. Google использует ссылка сок для того, чтобы определить ценность ссылок для своего веб-рейтинга. Чтобы ссылки были удобными для поисковых систем, они должны быть описательными (в том числе в атрибуте title) и содержать ключевые слова.

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

Для получения полного набора рекомендаций по юзабилити ссылок , пожалуйста, обратитесь к статье:
« 15 практических рекомендаций по разработке ссылок на веб-сайт »

6. <link rel = "таблица стилей" ...

SEO: когда код JavaScript (JS) и код каскадных таблиц стилей (CSS) встраиваются в файлы HTML, они увеличивают размер этих файлов, что замедляет их загрузку. Поисковые системы наказывают за медленную загрузку сайтов, и Google даже ввел скорость сайта в рейтинг веб-поиска. Наилучшим решением является экстернализация файлов JS и CSS и выборка кода при необходимости. Более того, эти внешние файлы CSS и JS должны быть сжаты, так как это уменьшит их размер и, следовательно, ускорит выборку. Минимизация количества обращений к серверу для извлечения этих файлов путем достижения баланса между количеством файлов и их размерами также может быть полезна для повышения скорости сайта.

Удобство использования: пользователи обычно проводят между 10 и 20 секунд на веб-странице, если содержание не привлекает их внимание. А теперь представьте, как быстро пользователи покинут веб-страницу, если загрузка этого контента займет очень много времени! Исследования, проведенные Google подтвердили, что «более быстрые сайты создают счастливых пользователей» и «когда сайт реагирует медленно, посетители проводят там меньше времени».

7. Микроданные

SEO: Microdata - один из трех языков кода, предназначенный для предоставления программам-паукам поисковых систем информации о содержимом веб-сайта. Еще лучше, принятый формат для микроданных, Schema.org был одобрен Google, Bing и Yahoo! Как объясняется А.Дж. Кумар из Entrepreneur.com Микроданные предоставляют программам-паукам поисковых систем больше контекста для типа информации на веб-сайте и способа индексации и ранжирования сайта. Кроме того, он также создает «богатые фрагменты», которые отображают больше информации о поисковой выдаче, чем традиционные списки.

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

Заключение

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

(Ведущее изображение: MianShazadRaza через PixaBay )

Похожие

Комментарии