На окраине Интернета

Расставляю теги h1,h2...h6 недорого

10

| Метки: , ,

Наконец то удалось! В названии поста не реклама, а простой стеб.

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

В рамках поставленной цели, и, как я уже писал в вышеуказанных постах, первоочередной необходимостью стало наведение порядка с тегами Н1...Н6. Скажу сразу - это было не просто. Дело в том, что необходимо было реализовать самое правильное решение - это для каждой страницы заключить в тег Н1 название (заголовок) этой страницы, а в тег Н2 подзаголовки, находящиеся на этой странице. Для этого мне пришлось вначале построить алгоритм правильного решения этой задачи на бумаге:

Это Главная страница блога.

На главной странице на тег Н1 есть лишь один претендент - это название блога, в моем случае "На окраине Интернета". Но мы видим на рисунке, что в шапке я разместил надпись-логотип, которая является изображением и, естественно, для тега Н1 никак не подходит. То есть текстового варианта имени блога для тега Н1 у меня НЕТ!!! А он нужен обязательно и находиться должен как можно выше по странице. Можно было по изгаляться над дизайном шапки блога и включить в нее текстовое название блога, но я не стал с этим возиться, а поставил имя блога в самый верх страницы (смотри выше над окном поиска).
Теперь я имею на главной странице следующее:
Н1 - имя блога;
Н2 - заголовки постов;
Н3 - заголовки в сайдбаре;
Н4...Н6 - низко-ранговые заголовки.

Рисунок №1 - Так должно быть на Главной!


А теперь перейдем к страницам постов Рисунок №2:
Страница поста у меня выглядит следующим образом:

Логотип-картинка остается неизменным атрибутом дизайна, а на странице лишь один заголовок, достойный внимания, как нашего, так и поисковиков - это название поста. Его-то и нужно заключить в тег Н1, а тега Н2 на странице поста не будет вовсе.
Но прежде я хочу обратить внимание на то, что ИМЯ БЛОГА (которое я, в частности, установил над окном поиска, а Вы можете встроить в шапку блога) также отражается как на главной, так и на остальных страницах, и поскольку оно заключено в тег Н1, то это не хорошо, так как два тега Н1 на одной странице недопустимы. На Главной должны быть заключены в тег Н1 лишь название блога, а в тег Н2 названия анонсов постов, а на внутренних страницах основным заголовком страниц есть заголовки постов, находящиеся на этих страницах, заключенные в тег Н1.

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


То есть, теперь наименование блога в тегах Н1 будет отображается только на главной странице, а на любой другой странице будет отображаться имя блога в текстовом варианте, то есть, в том же стиле, но уже без тегов Н1.

Теперь освободившийся на внутренних страницах тег Н1 можно смело применить к заголовку поста. Сделать это можно следующим образом.

Найдите в расширенном коде блога эту часть кода :


и замените на этот код:


И что мы получили? А вот что, теперь если мы на главной странице, то заголовки постов заключены в тег Н2 (рис. №1), а на любой другой странице блога они автоматически заключаются в тег Н1 (рис. №2).

Ну и последнее, нужно задать CSS стили тегам h2. post-title и h1. post-title.
Вот такие рекомендации. Но прежде чем что либо менять в коде блога, не забудьте сохранить предыдущую версию шаблона (бэкап)!!!

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

Комментарии: (10)

Спасибо за готовый код. Буду использовать.

Отличная статья. Я когда-то тоже создавал блоги на blogspot. Сейчас перешел на вордпресс.

Статья хорошая. А зачем на внутренних страницах название поста h1? Хотя у меня тоже самое, но если брать пример с "крупняка", например, Хабра, то там везде в постах железно h2.

Fuck_blogspot, на Главной внутренние как раз в тэге h2, но когда вы на внутреннею страницу переходите с Главной, то она уже перестает быть внутренней и естественно, что ее заголовок должен быть уже в тэге h1.

Спасибо за объяснение, смысл понятен, а эффект вы ощутили? Или прошло ещё мало времени? По моему, Яндексу пофиг. Я когда строил свой шаблон (самопал), последовал такой логике: главная страница: посты h2, название блога h1; внутренние страницы: посты h1, название блога в теге a ведёт на home url. К несчастью, не могу точно и конкретно сказать, насколько это помогает, т.к. наляпал баги в других местах, и все возможные преимущества свёл на нет=).

Хорошая статья. Думаю попробовать этот код. А почему не использовать на картинке - ссылке тег alt, куда прописать необходимое ключевое слово.
Кстати, Вы не пробовали рандомную перелинковку. Я думаю с ее помощью можно увеличить трафик. Интересно Ваше мнение.

В статье есть один неверный посыл насчет тега h1. Не является неправильным использовать тег h1 два, три и более раз на странице. W2C не сочтут ваш код невалидным, если у вас больше одного тега h1 на странице. А для поисковиков главную роль играет не то, что находится в теге h1 при анализе страницы, а то, что находится в теге title. А с title у блогспот все нормально, он автоматически формируется из заголовка сообщения или страницы, плюс добавляется название сайта. А на главной выводится только название сайта. Соответственно, все страницы имеют уникальный title и только один раз. Что есть гуд

Roman Morenetc, вы невнимательно прочитали пост! У него на главной и внутренней страницах по одному заголовку H1...

не могли вы сделать пост как добавить инстаграм

Еле нашла, что искала,ни кто не мог ответить, почему пропадает со временем название блога в поиске, когда вставляю картинку в шапку.Спасибо!

Отправить комментарий


Просьба, по возможности, не использовать форму "Анонимный". Лучше выберите форму "Название/URL" и в графе Название укажите свое имя, а графу URL оставьте пустой.

Спасибо за комментарий. Наберитесь терпения пока Ваш комментарий пройдет модерацию.

Самое читаемое в Блоге: