Первый элемент, который оценивается участниками интернета - это заголовок статьи. Он должен:
- Привлекать внимание.
- Быть содержательным.
- Быть не длинным.
- Включать ключевые слова.
- Наиболее важная фраза должна находиться слева (быть первой).
h1 употребляется на странице один раз (искл. HTML 5), располагается выше других уровней и имеет самый большой размер шрифта. Правильно оптимизированный заголовок для Яндекса: для главной страницы h1 = названию сайта, иначе = заголовку статьи.
Очень подробная статья, разъясняющая все тонкости использования h1-h6 в HTML и SEO
Оптимизация заголовка h1 в Blogger
Нужно внести ряд изменений в шаблон блога.
Задаём условие: если выводится Главная страница, заголовок блога = h1, иначе = тег a.
Код:<h1 class='title'> <b:include name='title'/> </h1>заменить на:
<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <h1 class='title'><b:include name='title'/></h1> <b:else/> <a href='/' expr:title='"На главную страницу «" + data:title + "»"'><data:title/></a> </b:if><b:else/> <a href='/' expr:title='"На главную страницу «" + data:title + "»"'><data:title/></a> </b:if>Код:
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1>заменить на
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> <b:else/> <a href='/' expr:title='"На главную страницу «" + data:title + "»"' class='title' style='background: transparent; border-width: 0px'><data:title/></a> </b:if><b:else/> <a href='/' expr:title='"На главную страницу «" + data:title + "»"' class='title' style='background: transparent; border-width: 0px'><data:title/></a> </b:if>
Задаём условие: если выводится Главная страница, то заголовок сообщения = h2, иначе = h1.
Код:<a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if>заменить на:
<a expr:name='data:post.id'/> <b:if cond='data:post.title'> <b:if cond='data:post.link'> <h2 class='post-title entry-title' itemprop='name'> <a expr:href='data:post.link'><data:post.title/></a> </h2> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <h2 class='post-title entry-title' itemprop='name'> <a expr:href='data:post.url'><data:post.title/></a> </h2> <b:else/> <h1 class='post-title entry-title' itemprop='name'> <data:post.title/> </h1> </b:if> <b:else/> <h1 class='post-title entry-title' itemprop='name'> <data:post.title/> </h1> </b:if> </b:if> </b:if>
Оптимизация заголовка h2 в Blogspot
Тегами h2 обрамляются дата статьи (её мы уже оптимизировали ранее) и названия гаджетов ("Популярные сообщения", "Рубрики" и т.п.). Для того, чтобы снизить важность этих слов, приблизительный участок кода
<b:if cond='data:title'><h2><data:title/></h2></b:if>нужно заменить на
<b:if cond='data:title'><h4><data:title/></h4></b:if>
А вот при написании статей не ленитесь использовать элемент редактора форматирования по принципу иерархии.
Исправить css стиль, перечислены возможные варианты
Было | Стало |
---|---|
.Header h1 { | .Header h1, .Header a { |
.Header h1 a { | .Header a { |
h3.post-title, .comments h4 { | .post-title, .comments h4 { |
h3.post-title, h4 { | .post-title, .comments h4 { |
h3.post-title { | .post-title { |
h3.post-title a { | .post-title a { |
h3.post-title a:hover { | .post-title a:hover { |
h2 { | h4, time { |
.sidebar .widget h2 { | .sidebar .widget h4 { |
.footer-inner .widget h2, .sidebar .widget h2 { | .footer-inner .widget h4, .sidebar .widget h4 { |
.main-inner .sidebar .widget h2 { | .main-inner .sidebar .widget h4 { |
.main-inner .widget h2 { | .main-inner .widget h4 { |
.footer-inner .widget h2 { | .footer-inner .widget h4 { |
.footer-outer .widget h2 { | .footer-outer .widget h4 { |
.main-inner .widget h2 + div, .footer-inner .widget h2 + div { | .main-inner .widget h4 + div, .footer-inner .widget h4 + div { |
Проверить результат
При просмотре своего блога, нажимаем сочетание клавиш CTRL U. Используя CTRL F, проверяем уровни заголовков h1-h6.
При написании статьи я старалась у элементов страницы сохранить присвоенные разработчиками стили, но я бы всё таки их немного подкорректировала.
Похожие статьи:
204 комментария:
1 – 200 из 204 Новые› Самые новые»<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
Поменяйте их все.
В "Дизайн"-"Изменить HTML"-галочка "Расширить шаблоны виджета". Код:
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
заменить на
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
Если только для Главной:
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
заменяем на
<div class='titlewrapper'>
<b:if cond='data:blog.url != data:blog.homepageUrl'><h1 class='title'>
<b:include name='title'/>
</h1><b:else/><div style='color: #b45f06; text-shadow: -1px -1px 1px rgba(0, 0, 0, .2); font: normal bold 60px 'Courier New', Courier, FreeMono, monospace;'><b:include name='title'/></div>
</b:if>
</div>
Чтобы понять результат действий, воспользуйтесь правой клавишей мышки - "Исходный код страницы" не заходя в панель инструментов, т.е. на страницах блога, которые видят читатели. Нажав CTRL+F, пишите в поле h1.
В статье предложен хороший вариант, когда h1-заголовок блога для Главной и динамических страниц, а для статичных h1 - заголовок статьи. Посмотрите в исходном коде как у меня на страницах.
<h1>....</h1>
Но учтите, что h1 должен встречаться только один раз на странице.
вот скриншот - https://lh3.googleusercontent.com/_sW0C6HmNRd0/Ta12WeFoQ3I/AAAAAAAAAKE/plUmE5Wqqbo/s800/why.jpg
h4 {font-size: 110%;}
Значение процента - размер относительно основного шрифта.
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
заменить на
<!--Show the image only-->
<div id='header-inner'>
<b:if cond='data:blog.pageType != "index"'><a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a><b:else/><h1 class='title'><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1></b:if>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
h1 - картинка с alt. Так можно, иначе бы это не практиковали сами поисковые системы на своих страницах.
h1.post-title {
margin: .5em 0;
}
Благодарю за полезный материал, статью!
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
заменить на
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "index"'>
<p class='title'>
<b:include name='title'/>
</p>
<b:else/>
<h1 class='title'>
<b:include name='title'/>
</h1>
</b:if>
</div>
.Header p {
font: normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #3399bb;
text-shadow: -1px -1px 1px rgba(0, 0, 0, .2);
margin: 0 0 10px 0;
}
.Header p a {
color: #3399bb;
text-decoration: none;}
h2.post-title {
font: normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin: .75em 0 0;
}
h1.post-title {
font: normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin: .75em 0 0;
color: #3399bb;}
Далее по тексту статьи.
Картинка-заголовок - это скриншот, немного обработанный в Фотошопе.
Следующий вопрос: вы пишете -
"После строки:
пишем примерно такой код:
"
Из за того, что у меня руки кривые и никак не смог найти данный код в шаблоне ( я пользуюсь не стандартным шаблоном),не сообразил куда же добавить этот последний кусок и просто проигнорировал данную процедуру.
Тем не менее всё работает идеально - кнопка "Коментарии" изменилась в размере и выглядит красиво. В чем секрет? И нужно ли добавлять последний кусок кода, что вы советуете?
http://ostrovsvobody.blogspot.com/2011/07/blog-post_09.html
Жду вашего совета.
Подскажите пожалуйста по-поводу "0 коммент." На главной странице так и не получилось изменить, а на странице записи получилось.
http://terutenana.blogspot.com/2011/08/sdfsdf_4998.html#comments
См. комментарий 2 к данной статье. Не буду повторяться, так как поисковики это не очень приветствуют.
Гаджеты у вас тоже увеличатся в размере. См. http://shpargalkablog.ru/2010/07/zagolovok-gadzheta.html - оптимизация. Только span уберите.
h3.post-title, .main-inner .widget h2.date-header {
text-align: center;
}
font: $(widget.title.font);
color: $(widget.title.text.color);
margin: 0 0 .5em;
}
у меня нет, только
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}
Пыталась вставлять под h2 где встерчала margin ваш код .5em 2em .5em, удалось подвинуть только дату.
Может у меня заголовок статей не h2. Запуталась, помогите.
НУ И ЕСЛИ МОЖНО, ЗАОДНО, РАЗМЕР ЗАГОЛОВКА, КАК УВЕЛИЧИТЬ (ЗДЕСЬ ЖЕ).
Размер можно увеличить в дизайнере шаблонов.
<h3 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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
В номом редакторе Blogger - Шаблон - Изменить HTML (под "сейчас в блоге") - Приступить - CTRL+F - в появившемся окне вводим "h3" и ищем соответствующий код, который не сильно отличается от вышеназванного в комментарии 52. Например, такой:
<h3 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:if></b:if>
</h3>
Меняем на указанный.
b:if cond='data:post.title'
h3 class='post-title entry-title'
Все их менять?
то увидим все заголовки h1
Как это исправить?
<b:if cond='data:blog.pageType != "index"'>
добавить
<b:if cond='data:blog.pageType != "archive"'>
А в заключении кода </b:if>
Подробнее http://shpargalkablog.ru/2011/02/uslovnye-tegi-v-blogger.html
Если не получиться разобраться, отпишитесь, подправлю статью.
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta content='index,follow' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<meta content='index,follow' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<meta content='index,follow' name='robots'/>
<b:else/>
<meta content='noindex,follow' name='robots'/>
</b:if></b:if></b:if>
<b:if cond='data:blog.pageType == "index"'>
позволяет индексировать страницы, на которые мы приходим по кнопкам "Следующие-Предыдущие".
h1Интернет-Бизнес/h1
Это хорошо, НО когда заходишь на другие страницы вот например http://netsbiz.ru/sozdaem-sajt-registriruemsya-na-xostinge-pokupaem-deshevo-domen-ustanavlivaem-dvizhok-na-xosting. То в исходном коде пишет тоже САМОЕ
h1Интернет-Бизнес/h1
Хотя по идее для каждой странице свое название. Все говорят, что это проблема и нужно нанять программиста, чтобы он исправил. Я думаю вы специалист, тогда пожалуйста помогите, что делать. Огромное вам спасибо.
b:if cond='data:post.numComments == 1'
Я насчитала 5 вхождений.
1
Встречается два раза. Мне следует и его заменить на указаный вами?
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if>
</a>
Спасибо!
http://zdestochtonado.blogspot.com
В любом случае заголовок статьи на внутренних - h1, а на Главной - h2.
А вот что сделать с h1 на Главной? С одной стороны, h1 - это текстовый тег. С другой, Яндекс применяет такую конструкцию:
<h1><img src="http://img.yandex.net/i/www/logo.png" title="" alt="Яндекс" height="120" width="178"></h1>
У Гугла лого выполнено с помощью спрайта (фонового изображения). h1 - либо текст, либо отсутствует.
Заголовки на потом оставим. Отпишитесь ближе к новому году, если вопрос будет актуален.
http://amateurblogger.ru/p/services.html
1) http://shpargalkablog.ru/2010/09/optimizatsiya-blogger.html#title
2) http://shpargalkablog.ru/2011/03/soderzhanie-bloga-na-blogger.html пункт "Оптимизация title" (лучше так)
вот файл single.php
Но еще остается вопрос. У меня этот код влияет еще на title статьи. подскажите, пожалуйста, как его поменять, чтоб выаолнянось условие: если выводится Главная страница, то заголовок сообщения = h2, иначе = h1
https://lh4.googleusercontent.com/-OtJUkHtKOrw/UlJj6E0BbrI/AAAAAAAAGHA/46VT3xSthfU/s754/platia_title.png.
сейчас, заголовок h2 и на главной и на странице статьи
А вот генерацию мета-тега keywords лучше убрать. Он у вас получается, как title.
Что может очень не понравится Яндексу.
Если предположение Эльдуса верно и вас заблокировали не за смену шаблона, а за жалобу на недобросовестное ведение блога http://networkjob.ru/blogosfera/krysy-interneta-ili-chest-bloggera.html , то снятие фильтра вряд ли возможно.
<div class="post-title">
Я не могу увидеть ваш код в шаблоне, я вижу лишь исходный код. Но поищите именно этот участок
Но. Тут нужно сохранить классы и id автора шаблона, иначе стили заголовка слетят
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
< h1 id ='logo'> < /h1 >
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
< a expr:href ="data:blog.homepageUrl" id ='logo'> < /a >
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
< a expr:href ="data:blog.homepageUrl" id ='logo'> < /a >
</b:if>
Если не сложно напишите ответ сюда mr_guru@mail.ru
<b:if cond='data:blog.url == data:blog.homepageUrl'>
"Оптимизация заголовка h1 в Blogger" --- это h2
"Задаём условие: если выводится Главная страница, заголовок блога = h1, иначе = тег a." --- это h3
Про дату пропустили, см. статью, она не должна быть h2
У меня количество комментариев h3, но я стили подгоняла. Для всех шаблонов неудобно.
h2 не нужен во всех статьях, только где требуется подзаголовок. Например, тут нет в нём необходимости http://shpargalkablog.ru/2014/01/feedback-form.html
Думаю, что это не на что ни повлияет. Насколько вижу, поисковики читают CSS. Если div задать font-weight от 600 и font-size покрупнее, то они будут считать его заголовком.
Тег h1 использовать один раз, структура не важна. Можно пропускать h1, h2, h4. Если нет h1, его место займёт h2.
У меня имеются в наличии 5 статей с почти одинаковым названием: "Название сервиса" - заработок и накрутка.
В каждой статей меняются только название сервиса. Сами статьи отличаются друг от друга. Могут ли ПС посчитать мои статьи, как дубли? Стоит ли мне к каждой статье придумать уникально название?
Думаем логически. Не редко в title добавляют название сайта или компании. У меня так во всех статьях идёт слово "Примеры". Каким образом поисковики должны отличать бренд от какого-то другого сочетания слов, тем более идущих через тире?
Но нужно избегать ситуаций http://optimizatorsha.ru/master-classes/seo-risk/ то есть когда статья одна, но описывается разными словами и не несёт ценности.
1 25 0 0 0
Это должен быть какой-то не стандартный шаблон? У меня стоит Простой шаблон.
или http://antontalmaza.blogspot.ru/
Нажимал несколько раз enter. Копировал ваши коды в поиск которые нужно заменять, и большинство не находилось в шаблоне.
Спасибо за помощь!
h1 - Детские стихи
h2 - Пушкин
h3 - Сказка о рыбаке и рыбке
Жил старик со своею старухой
У самого синего моря;...
h3 - Сказка о мёртвой царевне и семи богатырях
Царь с царицею простился,
В путь-дорогу снарядился,...
h3 - Сказка о попе и о работнике его Балде
Жил-был поп,
Толоконный лоб...
h2 - Некрасов
h3 - Крестьянские дети
Опять я в деревне. Хожу на охоту,
Пишу мои вирши - живется легко...
h3 - Дедушка Мазай и зайцы
В августе, около Малых Вежей,
С старым Мазаем я бил дупелей...
h2 - Чуковский
h3 - Мойдодыр
Одеяло
Убежало,
Улетела простыня...
h3 - Телефон
У меня зазвонил телефон.
- Кто говорит?
- Слон.
h3 - Айболит
Добрый доктор Айболит!
Он под деревом сидит...
Добавьте
#header-inner a {
font: normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
h3.post-title {
color: #ffcc7f;
}
Попробовал изменить h2 на h4, но:
во-первых, у меня в шаблоне нет строки
во-вторых, изменение всех h2 на h4 шаблоне изменяет не только тег заголовков виджетов, но и шрифт, который я потом никак не могу поменять обратно.
Строки <b:if cond='data:title'><h2><data:title/></h2></b:if> в шаблоне нет
h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);
}
нужно удалить h4. Все работает.
Спасибо за помощь и за полезную статью!
Как с Вами можно связаться?ваш блог живой?
Дело в том что выше описанное не помогает моему сайту ,да в общем в нете вся инфа одна и та же.Она действует на стандартный шаблон,просто у меня не стандартный.Вы не могли бы взглянуть на мой сайт,если я ссылку дам Вам
Я все сделал как у вас написано,все получилось,но кроме одной вещи.На главной странице название сайта нормально пишется а вот на внутренних страницах название сайта маленькой буквой ,ни как не получается исправить
Не могли бы объяснить где мне стоить прописать или поправить стиль
http://www.tolbo.ru/
http://www.tolbo.ru/2015/02/Nemnogo-ob-okraske-avtomobilja.html
Буду рад любому вашему совету
#header h1 {}
замените на
#header h1,
#header span {}
#header h1,
#header-inner .titlewrapper a {}
И еще раз спасибо Вам ,теперь можно приступить к заполнению и оформлению сайта.
Я бы ещё обратила внимание на правило Гугла: если часть страницы, видимую без прокрутки, мысленно разделить пополам, то как минимум на второй половине уже должен идти текст статьи http://insidesearch.blogspot.ru/2012/01/page-layout-algorithm-improvement.html
У меня до конца не получается: заголовок сайта ссылкой стал, а сообщения твердо держатся за h3. Пробовал несколько раз на разных тест-блогах. Может со временем блоггер чет переделал?
Вопрос такой: не могли бы вы выложить код самого обычного штатного шаблона блоггер с уже внесенными изменениями? Чтобы его напрямую менять со всеми потрохами. Так сторонние шаблоны ставят, если штатной установкой ни как.
Мож сделаете тестовую страницу с нужным кодом?
Ищите по поиску h1 и h3. Трудность заключается, что обычный код переплетён с мобильным и имеет похожие участки кода. Или меняйте оба фрагмента, или поднимайтесь вверх по коду, чтобы не изменять мобильную версию.
У вас 2 ошибки
(их их) (СтатьЯ)