SEO 101: Понимание того, как использовать H-теги в вашем блоге о продуктах питания

1. Заголовки обеспечивают структуру ваших сообщений
2. Когда и где использовать заголовки
3. Почему вы должны использовать заголовки для SEO?
4. Более важные причины использования тегов H
5. Styling H Теги

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

Сегодня я собираюсь поговорить о тегах HTML-заголовков. Вам не нужно понимать, как писать в HTML (хотя, если вы действительно серьезно относитесь к ведению блога, как к способу получения дохода или развития своего бренда, я действительно настоятельно рекомендую вам ознакомиться с некоторыми основными тегами HTML), но вы Нужно понимать, что делают теги Heading и как их использовать. И есть вероятность, что если вы закончили курс английского языка для младших школьников или регулярно пользуетесь MS Word, то вы уже поймете основную концепцию заголовков!

Заголовки обеспечивают структуру ваших сообщений

Заголовки обеспечивают иерархическую структуру вашего сообщения, и они работают в порядке убывания. Помните, когда вам приходилось учиться писать статью на английском языке или писать эксперимент по науке? Или когда вы учились в университете и должны были следовать таблице стилей, такой как Chicago, APA или MLA?

Вы можете потерять оценки за неправильное следование им. То же самое происходит с поисковыми роботами. Если вы не следуете стандартам HTML, вы теряете оценки!

В школе была очень строгая структура:

• Название с вашей гипотезой или предметом
• Ваши основные аргументы
• Факты, подтверждающие ваши аргументы

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

Как вы можете видеть, здесь есть шесть уровней заголовков, используемых в HTML (с соответствующими открывающими и закрывающими тегами)

• Заголовок 1 <h1> </ h1>
• Заголовок 2 <h2> </ h2>
• Заголовок 3 <h3> </ h3>
• Заголовок 4 <h4> </ h4>
• Заголовок 5 <h5> </ h5>
• Заголовок 6 <h6> </ h6>

Когда и где использовать заголовки

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

Если мы вернемся к нашим школьным примерам, это будет выглядеть примерно так:

• Название с вашей гипотезой или предметом: <h1>
• Ваши основные аргументы в поддержку: h2 - h6
• Факты, подтверждающие ваши аргументы: <p> (тег абзаца) или <ol> или <ul> (теги списка)

Заголовок 1 <h1> представляет ваш общий заголовок. H1 должен использоваться только один раз в посте - в заголовке! Если вы используете платформу, такую ​​как Blogger или WordPress, вам не нужно беспокоиться о назначении <h1> для вашего заголовка - они уже сделают это за вас!

Заголовок 2 <h2> представляет ваши подтверждающие факты или разделы вашего сообщения. Вы можете использовать столько тегов <h2>, сколько вам нужно.

Заголовки 3 <h3> представляют подтверждающие факты или разделы для ваших разделов заголовка 2, и он продолжает идти оттуда вплоть до <h6>. В большинстве случаев для обычного поста в блоге вряд ли вам когда-нибудь придется опуститься ниже заголовка 3.

Теги параграфа <p> и list <ul> <ol> представляют все вспомогательные данные для ваших заголовков.

Важно помнить, что они всегда должны быть вложенными: заголовок 2 всегда ниже заголовка 1, заголовок 3 всегда ниже заголовка 2 и т. Д. Никогда не пропускайте заголовки. Например, у вас никогда не должно быть этого:

[box] <h1> Title </ h1>

<h2> Поддержка ключевой точки для заголовка </ h2>

<h5> Поддержка ключевой точки для h2 </ h5> [/ box]

Вместо этого это должно выглядеть так:

[Коробка] <h1> Заголовок </ h1>

<h2> Поддержка ключевой точки для заголовка </ h2>

<h3> Поддержка ключевой точки для h2 </ h3>

<h2> Следующая точка поддержки для заголовка </ h2>

<h3> Поддержка ключевой точки для второго тега h2 </ h3> [/ box]

Почему вы должны использовать заголовки для SEO?

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

Это пример полужирного абзаца, чтобы выделить раздел вашего блога.

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

Вот как выглядит HTML для приведенных выше предложений:

[box] <p> <strong> Это пример полужирного абзаца, чтобы выделить раздел вашего блога </ strong> </ p>

<p> Я использовал приведенное выше предложение как способ показать, сколько блоггеров просто выделяют текст жирным шрифтом для разделения ключевых разделов своего поста, и теперь я даю вспомогательный комментарий. </ p> [/ box]

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

[box] <h2> Это пример полужирного абзаца, чтобы выделить раздел вашего блога </ h2>

<p> Я использовал приведенное выше предложение как способ показать, сколько блоггеров просто выделяют текст жирным шрифтом для разделения ключевых разделов своего поста, и теперь я даю вспомогательный комментарий. </ p> [/ box]

Теперь бот думает "ага! Тег h2, это ключевой момент. Я собираюсь обратить внимание"

И тут у вас это есть. Хотя слова в обоих примерах абсолютно совпадают, они неожиданно приобретают совершенно иной смысл для поискового робота.

Более важные причины использования тегов H

H-теги предоставляют отличную возможность выделить ключевые слова. Несмотря на то, что всегда соблазнительно использовать симпатичные заголовки и заголовки, наличие в них ключевых слов для содержания будет иметь большое значение для помощи вашему SEO.

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

Также с точки зрения удобства использования люди не читают экран, как они читают газету или книгу. Использование заголовков позволяет разбить ваш пост на разделы, делая его визуально легче для глаз и просто визуально более привлекательным.

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

выбрать заголовок так же просто, как щелкнуть раскрывающееся меню в редакторе WordPress

Styling H Теги

Я думаю, что еще одна причина, по которой многим людям не нравится использовать теги h, заключается в том, что если они не оформлены должным образом, они могут выглядеть очень некрасиво, и просто выделение текста намного «красивее». Но поисковые роботы не заботятся о красоте, они заботятся о контенте. Pretty = CSS в веб-мире, и поисковые роботы не сканируют ваши CSS-файлы.

Простой CSS может легко это исправить, и вы можете сказать каждому тегу h, как именно вы хотите, чтобы он выглядел. Если вы используете премиум фреймворк WordPress, такой как Woo или Thesis, ваша тема может даже позволить вам определить типографику для ваших h-тегов, даже не касаясь какого-либо кода. Шаблоны Blogger должны иметь h теги, которые соответствующим образом оформлены для выбранного вами шаблона.

Если вы наняли дизайнера, он, вероятно, определил соответствующий CSS для тегов вашего заголовка при разработке вашего сайта. Если нет, попросите их сделать это сейчас. Или вы можете попросить друга помочь, Google "стилизовать h-теги с помощью CSS" или обратиться к дизайнеру, чтобы узнать, могут ли они стилизовать только ваши h-теги. Это быстрая работа, и она совсем не должна стоить вам дорого, если вам неудобно делать это самостоятельно!

Или, может быть, я должен сделать этот пост один день!

SEO 101: Понимание того, как использовать H-теги в вашем блоге о продуктах питания, было написано Мелиссой Хартфил. Мелисса - веб-дизайнер и фотограф днем. Она живет и дышит CSS и HTML . Ночью она пишет Глаза больше моего живота а также являющийся универсальным сусликом дизайна и технологий FBC .

Связаться с Мелиссой в Твиттере: @mhchipmunk или Facebook: Глаза больше моего живота

Похожие

Комментарии