Попробуем оптимизировать seo-заголовки для blogger
В зависимости от шаблона, в заголовки попадает странный контент, не несуший смысловой нагрузки для нашего блога. В моем случае названия постов попадают в тег <h3> , а в теге <h2> разместилось что-то непонятное (в том числе и названия гаджетов). Минимум, что мы можем сделать дать названия гаджетам включающие ключевые слова. Максимум подправить код шаблона.Попробуем оптимизировать seo-заголовки вернее шаблон для поисковых систем.
Оптимизация главной страницы.
В title должны находится все необходимые ключевые слова по теме блога.
<h1> – дублирует основные ключевые слова из title.
В заголовках <h2> - названия последних постов, (я оставила заголовки разделов сайдбара/футера добавивв них ключевые слова)
В заголовках <h3> идут заголовки разделов сайдбара/футера (h3 заголовки формирую вручную при вводе текста поста).
Схема главной страницы блога.
Title – название/тематика блога.
<h1> – ключевые слова из названия/тематики блога.
<h2> – заголовки постов
<h3> – заголовки внутри постов, заголовки разделов сайдбара/футера.
<strong> – ключевые слова из названиятематики блога – лучшевсего добавить в футер.
Оптимизация страниц постов.
Каждый пост – это отдельная страница блога, которая оптимизируется под запрос (key).
В начале title вставляем все ключевые слова для данного поста далее фразу с title главной страницы, дабы однозначно показать источник контента.
<h1> – «Заголовок поста». Наличие одинаковых фраз/слов в title и в <h1> повышают вероятность попасть в топ по ключу из title без использования внешних факторов ранжирования, только засчет внутренней оптимизации.
<h2> – по возможности используйте их в тексте поста, но это уже происходит при написаниипоста.
Желательно автоматизированно вставить в страницу в теги <strong> ключевые слова. Ключевыми словами является заголовок поста. Можно предложить перед формой комментариев фразу: «Комментарий к посту – <strong>Заголовок
поста</strong>»? Все же хочеться отметить что тегом strong не стоит злоупотреблять как и всем остальным впрочем. Где то прочла что лучше абзац текста выделить стронг(или часть текста) и уже внутри выделения сделать ссылку с нужным анкором, так google больше понравиться.
То что на главной странице было в тегах <h1> – на внутренних страницах можно или не отображать или заключать в теги <h2> или <h3>, но внешне при этом
оставлять без изменений для посетителей, чтобы не сбивать поисковики с толку не самыми релевантными фразами в заголовках <h1> на страницах с постами.
Схема страницы поста.
Title – заголовок поста – названиетематика блога
<h1> – заголовок поста
<h2> – заголовки внутри поста
<h3> – заголовки разделов сайдбара/футера
<strong> – ключевые слова из названия/тематики блога
<em> логическое <b>
Оптимизация страницы тегов(это в blogspot реализовать трудно или невозможно, и так как заложено что search страницы не индексируются).
Текстовое облако тегов желательно использовать, чтобы предоставить
вашему блогу возможность дополнительно собрать низкочастотный трафик с
поисковых систем.
В title в самом начале – полное совпадение с названием тега.
Заголовок <h1> – «Название тега» – дублирует название тега из title.
Далее в заголовках <h2> идут названия последних постов.
Желательно внизу добавить в тегах <strong> название тега.
Схема:
Title – название тега – название/тематика блога
<h1> – название тега
<h2> – заголовки постов
<h3> – заголовки разделов сайдбара/футера
<strong> – название тега
- Последовательность расположения заголовков на странице очень важна.
- В заголовок должны попадать голые теги, только текст.
- ...Такие требования мы выдвинем и попробуем добиться максимального соответствия им.
Если мы проанализируем свой блог на предмет заголовков (h1, h2, h3), то мы возможно удивимся http://uwblogger.blogspot.com/p/soft.html.
И еще...шаблоны все разные и прежде чем править разумеется надо сохранить работающий шаблон, оценить(проанализировать) свой шаблон и прикинуть что бы мы хотели исправить. В этом нам поможет Плагин для Firefox - Web Developer
Воспользовавшись рекомендациями из ниже приведенных блогов, проанализировав шаблон своего блога сделала выводы и ниже приведенные изменения.
Начинаем оптимизацию заголовков:
(об оптимизации title смотрите здесь)
Создаю CSS для нового заголовка.
Нахожу в CSS Header h1:
.Header h1 {и копирую ниже стили для нового заголовка с именем zagl (имя может быть любым):
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}
.Header h1 a {
color: $(header.text.color);
}
#zagl {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
margin:0; /* обнуляем */
}
#zagl a {
color: $(header.text.color);
text-decoration:none; /*вставляем чтобы не было подчеркивания при наведении мышки */
}
Для заголовка с текстом и картинкой. Ищу в HTML коде второй вариант ( так как код встречается два раза):
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
меняю ( на странице поста заголовок блога будет просто текстом c cсылкой не заголовком (p)):
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='title' style='background: transparent; border-width: 0px'>
<h1><b:include name='title'/></h1>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='title' style='background: transparent; border-width: 0px'>
<h1>Hаш заголвок H1 (название блога, чтобы не было ссылки в заголовке прописываем текстом)</h1>
</div>
<b:else/>
<div class='title' style='background: transparent; border-width: 0px'>
<p class='title' id='zagl'>
<a href='http://URL-главной страницы'>Заголовок блога, как он есть текстом</a>
</p>
</div>
</b:if>
</b:if>
</div>
Вставляем между выделенными цветом строчками:
<div class='post hentry'>
<b:if cond='data:blog.pageType == "item"'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<data:post.title/>
<b:else/>
<b:if cond='data:post.url'>
<data:post.title/>
<h2><data:blog.title/></h2>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
</b:if>
<div class='post-header'>
Теперь надо навести порядок со шрифтами, чтобы они своим различаем не резали глаза пользователю.
За внешний вид заголовка поста твечает такой код:
Дублируем его для h1:
h2.post-title {
font: $(post.title.font);
margin: 0;
}
Если же у вас нет еще заголовка, то ищем
h1.post-title {
font: $(post.title.font);
margin: 0;
}
h3.post-title {и заменяем на
font: $(post.title.font);
margin: 0;
}
h2.post-title {
font: $(post.title.font);
text-transform: none;
margin: 0;
}
h1.post-title {
font: $(post.title.font);
color: $(header.text.color);
margin: 0;
}
В общем от ваших потребностей делайте их или совсем одинаковыми(лучший вариант) или манипулируйте со щрифтами и цветом
Также просмотрев свой код убираю из тега h2 дату постов, второй вариант кода
<h2 class='date-header'>Теперь нам надо навести порядок со стилями на странице поста для этого ищем раздел
<span><data:post.dateHeader/></span></h2>
меняю на
<p class='date-header'>
<span><data:post.dateHeader/></span></p>
/* Headings и дублируем стили для заголовка h1.
/* HeadingsМожно задать конкретные размеры и цвета (в крайнем случае), но лучше работать с относительными так как при изменении чего либо все меняется само мобой и не надо снова корректировать шаблон.
----------------------------------------------- */
h2 {
font: $(widget.title.font);
margin: 0;
}
h1 {
font: $(widget.title.font);
margin: 0;
color: $(link.color); /* цвет ссылки */
text-transform: uppercase;
}
Можно создать свой шрифт скопировав скажем post.title.font и изменив название на post.title.font7 и вставив после <Group description="Post" selector=".post">
после оригинала, поменяв размер шрифта на нужный и используем его.
<Variable name="post.title.font7" description="Title Font3" type="font"
default="normal normal 15px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 15px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;"/>
/* HeadingsПриведу здесь по случаю выдержку из css про TEXT-TRANSFORM
----------------------------------------------- */
h2 {
font: $(widget.title.font7);
color: $(header.text.color);
margin: .5em 0 .5em;
}
h1 {
font: $(widget.title.font7);
color: $(header.text.color);
margin: .5em 0 .5em;
}
C помощью этого свойства, можно видоизменять текст, а именно менять большие буквы на маленькие или наоборот.
capitalize - меняет регистр первых букв каждого слова так, чтобы они были заглавными.
uppercase - делает из всех букв заглавные.
lowercase - делает из всех букв маленькие.
none - не производит смены регистра; по умолчанию.
Блог amateurblogger
Блог шпаркалкаблоггер
Блог домохозяйки blogger. Home.
И снова о карте сайта blogger - генерация ява скриптом
