1. Теги заголовков не предназначены для их дизайна. Они используются для создания структуры .
2. Теги заголовков похожи на ярлыки для разных разделов вашего блога.
3. Порядок заголовков (и их номера) имеет значение.
4. Пример реального поста в блоге.
5. Наличие прочной структуры вашего блога помогает поисковым системам лучше понять его.
6. Не нравится, как выглядят ваши заголовки? Выучи CSS!

Заголовки тегов смущают людей.

Различные теги заголовков (1-6) часто оформляются по-разному. Когда кто-то начинает экспериментировать со своей темой, он видит разные стили, а затем связывает эти теги с дизайном .

• Когда они хотят использовать зеленый прописной шрифт, они переключаются на <h4>.
• Когда они хотят использовать пурпурный строчный курсивный шрифт, они переключаются на <h6>.

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

Но использование тегов заголовков для их дизайна вместо того, для чего они предназначены, может запутать Google.

Теги заголовков не предназначены для их дизайна. Они используются для создания структуры .

Заголовочные теги предназначены для логической организации контента на странице. Мне нравится сравнивать это с изложением эссе, потому что это именно то, чем оно является (но для страницы или поста в блоге).

Давайте вернемся к уроку английского языка в средней школе (я знаю, терпеть меня). Мои учителя часто подчеркивали важность составления схемы статьи перед ее написанием. Я никогда не делал этого на самом деле, потому что я «погружение прямо в», но я все еще помню, что они пытались научить меня об изложении.

Обрисовка - это то, чтобы дать вашему эссе структуру и четкое направление. Это поможет вам оставаться на месте и убедиться, что вы обсуждаете правильные вещи в нужных местах и ​​в порядке, который имеет смысл.

При изложении, вы можете сделать что-то вроде этого:

• Название эссе
  • Вступление
    • Тезис
    • Вводить идеи
    • Сегвей в первую точку
  • Пример № 1
    • Бла бла бла
    • Бла бла бла
    • Множество важных, совершенно не фигня.
  • Пример № 2
    • Бла бла бла
    • Бла бла бла
    • Множество важных, совершенно не фигня.
  • Пример № 3
    • Бла бла бла
    • Бла бла бла
    • Множество важных, совершенно не фигня.
  • Заключение
    • Напомним три примера.
    • Обсудите, как они связаны с тезисом.
    • На самом деле загнать этот тезис домой.

Эти пули? Это ваши заголовки.

Теги заголовков похожи на ярлыки для разных разделов вашего блога.

Каждый заголовок должен быть похож на обзор последующих абзацев.

Так, например, этот большой заголовок там - это тег <h2>. Я говорю, что заголовки - это метки для разделов, а затем в последующих параграфах (как этот) я подробно остановлюсь на этом пункте.

Это именно то, на что похожа схема выше. У меня есть «заголовок» под названием «Пример № 1», затем в следующих пунктах списка я описываю некоторые вещи об этом примере № 1. Заголовок связан с содержанием, которое следует сразу за.

Порядок заголовков (и их номера) имеет значение.

Веб-страница всегда должна начинаться с <h1>, а затем идти вверх (2-6). Для отдельного сообщения в блоге у вас должен быть только один тег <h1> на странице: заголовок сообщения. Затем любые заголовки в этом посте должны начинаться с <h2>.

Вы также можете думать об этом как о книге. Название книги является тегом <h1>, и у вас, очевидно, есть только один заголовок для книги. Тогда каждая глава - это тег <h2>, так как это новые разделы.

Посмотрите на план выше. Каждый раз, когда мы делаем отступ в списке, мы увеличиваем номер заголовка. Если мы только что перешли на новую строку, но не сделали отступ, то число останется прежним.

Смущенный? Вот тот же самый план снова, но на этот раз с заголовочными тегами.

• <h1> Название эссе </ h1>
  • <H2> Введение </ h2>
    • Тезис
    • Вводить идеи
    • Сегвей в первую точку
  • <h2> Пример № 1 </ h2>
    • Бла бла бла
    • Бла бла бла
    • Множество важных, совершенно не фигня.
  • <h2> Пример № 2 </ h2>
    • Бла бла бла
    • Бла бла бла
    • Множество важных, совершенно не фигня.
  • <h2> Пример № 3 </ h2>
    • Бла бла бла
    • Бла бла бла
    • Множество важных, совершенно не фигня.
  • <H2> Заключение </ h2>
    • Напомним три примера.
    • Обсудите, как они связаны с тезисом.
    • На самом деле загнать этот тезис домой.

Таким образом, теоретически, если бы мы хотели новый подраздел в Примере № 3, мы бы «сделали отступ», добавили новый заголовок, используя <h3> (один выше, чем h2), а затем добавили несколько абзацев ниже этого. Как это:

• <h1> Название эссе </ h1>
  • <h2> Пример № 3 </ h2>
    • Бла бла бла
    • Бла бла бла
    • Множество важных, совершенно не фигня.
    • <h3> Тематическое исследование </ h3>
      • Бла бла бла
      • Бла бла бла

Пример реального поста в блоге.

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

• <h1> 6 вещей, которые вы можете сделать, чтобы ускорить свой блог </ h1>
  • <h2> 1) Оптимизируйте и сожмите ваши изображения. </ h2>
    • Поговорим о том, как сжимать изображения.
  • <h2> 2) Не загружайте чрезмерное количество контента на свою страницу. Используйте выдержки! </ H2>
    • Поговорите о том, почему загрузка большого количества контента не является хорошей идеей.
  • <h2> 3) Запустите кеширование! </ h2>
    • <h3> Вот как работает кэширование ... </ h3>
      • Пример: «жизнь без кеширования».
      • Пример: «жизнь с кешированием».
    • <h3> Как включить кэширование на вашем сайте. </ h3>
      • Кэширование на сервере лучше всего.
      • Перечислите примеры плагинов, которые можно использовать.
  • <h2> 4) Используйте CDN. </ h2>
    • Объясните, что такое CDN.
    • Примеры провайдеров CDN.
  • <h2> 5) Будьте осторожны с плагинами, которые вы используете. </ h2>
    • Объясните, почему речь идет о качестве, а не о количестве.
    • Закодирован плохо против функционально-тяжелого плагина.
    • <h3> Узнайте, как плагин влияет на производительность вашего сайта. </ h3>
      • Вопросы, которые вы можете задать себе, чтобы отличить маленький плагин от большого.
      • Используйте плагин P3 для анализа сайта.
    • <h3> Ограничьте использование «больших» плагинов. </ h3>
      • Напоминание и резюме об ограничении больших плагинов.
  • <h2> 6) Найдите лучший веб-хостинг. </ h2>
    • Введение о том, как оптимизация сайта ограничена вашим хостом.
    • <h3> Повышайте уровень своего хостинга с помощью «управляемого хоста WordPress». </ h3>
      • Почему общий хостинг не самый лучший, потому что он создан для разных платформ.
    • <h3> Как управляемый хост WordPress может сделать ваш сайт быстрее: </ h3>
      • Пуля указывает на то, почему управляемый хост лучше.
    • <h3> Несколько примеров хостов WordPress </ h3>
      • Перечислите примеры управляемых хостов WordPress.
  • &lt;h2> Готовы проверить время загрузки вашего сайта? </ h2>
    • Ссылка на инструменты, которые можно использовать для проверки времени загрузки.
    • Бросьте вызов людям, чтобы их время загрузки было менее 3 секунд.

Единственный заголовок 1 на странице - это заголовок моего сообщения. Все после этого - заголовок 2 или больше.

Каждый раз, когда я хочу развить заголовок 2 с большим количеством подразделов, я увеличиваю заголовок (до заголовка 3). Если бы я хотел уточнить заголовок 3 и иметь подразделы, я бы увеличил заголовок 4 и так далее.

Наличие прочной структуры вашего блога помогает поисковым системам лучше понять его.

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

Если вы будете прыгать, используя все теги <h1>, тогда поисковым системам будет гораздо сложнее понять, в чем суть вашего поста (заголовок поста).

Не нравится, как выглядят ваши заголовки? Выучи CSS!

Если вы говорите: «Но Эшли! Ненавижу, как выглядят мои теги Heading 2! Заголовок 1 - лучший, и я хочу использовать его всегда !!! », тогда пришло время надеть брюки вашей большой девочки и учить CSS (или же, вот краткое бесплатное руководство по изменению стиля заголовка ).

Не нравится, как выглядит заголовок 2? Нет проблем. Измени это. Сделайте так, чтобы это больше походило на заголовок 1, если вы этого хотите.

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

Похожие

Комментарии