Модифицируйте шаблоны Blogger, чтобы оптимизировать их для SEO

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

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

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

1. Модификация SEO Friendly Title
Как уже говорилось в предыдущем посте, первая самая важная вещь в шаблоне - это тег Title . Чтобы изменить теги Title в шаблонах блоггера, чтобы сделать SEO более дружелюбным, вот так:

Найдите следующий код в вашем шаблоне:

<title> <data: blog.pageTitle /> </ title>

После этого удалите и замените SEO-код заголовка тега, как Sugeng ниже:

<! - Тег заголовка SEO -> <b: if cond = 'data: blog.url == data: blog.homepageUrl'> <title> <data: blog.title /> </ title> </ b: if> <b: if cond = 'data: blog.pageType == & quot; item & quot;'> <title> <data: blog.pageName /> | <data: blog.title /> </ title> </ b: if> <b: if cond = 'data: blog.pageType == & quot; archive & quot;'> <title> Архив для <data: blog.pageName / > </ title> </ b: if> <b: if cond = 'data: blog.pageType == & quot; static_page & quot;'> <title> <data: blog.pageName /> </ title> </ b: if> <b: if cond = 'data: blog.pageType == & quot; index & quot;'> <b: if cond = 'data: blog.searchLabel'> <title> <data: blog.title /> - <data : blog.pageName /> </ title> </ b: if> </ b: if> <b: if cond = 'data: blog.pageType == & quot; error_page & quot;'> <title> Страница не найдена </ title> </ b: if> <b: if cond = 'data: blog.pageType == & quot; index & quot;'> <b: if cond = 'data: blog.url! = data: blog.homepageUrl'> < title> <data: blog.pageTitle /> - Все сообщения </ title> </ b: if> </ b: if>

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

2. Модификация SEO-мета-тегов.
Здесь я не буду давать слишком много объяснений по поводу модифицированных кодов, потому что я все объяснил мой предыдущий пост особенно проблема метатега . Поэтому, чтобы изменить метатег, чтобы сделать его более удобным для SEO, скопируйте / скопируйте следующий код:

<! - Метатег SEO -> <b: if cond = 'data: blog.homepageUrl == data: blog.url'> <meta expr: content = 'data: blog.title' name = 'Keywords' / > </ b: if> <b: if cond = 'data: blog.pageType == & quot; item & quot;'> <meta expr: content = 'data: blog.pageName' name = 'Keywords' /> </ b : if> <b: if cond = 'data: blog.pageType == & quot; index & quot;'> <b: if cond = 'data: blog.searchLabel'> <meta content = 'noindex, nofollow' name = 'robots '/> </ b: if> </ b: if> <b: if cond =' data: blog.pageType == & quot; архив & quot; '> <meta content =' noindex, nofollow 'name =' robots '/ > </ b: if> <b: if cond = 'data: blog.isMobile'> <meta content = 'noindex, nofollow' name = 'robots' /> </ b: if>

После этого вставьте код под кодом <head> в свой шаблон.

3. Динамический заголовок тега
Далее вам нужно изменить динамический заголовок Tah. Динамически, как вы думаете о Masbro? пожалуйста, прочитайте мой предыдущий пост, чтобы получить объяснение.

Ищите этот код в своем шаблоне:

<b: widget id = 'Header1' locked = 'true' title = 'Simple SEO (Header)' type = 'Header'> <b: includedable id = 'main'> <b: if cond = 'data: useImage' > <b: if cond = 'data: imagePlacement == "" BEHIND & quot;'> <! - Показывать изображение в качестве фона для текста. Вы не можете реально рассчитать ширину в JS, потому что поля не учитываются ни одним клиентом, offsetWidth или scrollWidth, поэтому мы не устанавливаем минимальную ширину, если пользователь использует сжатие для подгонки. Это приводит к тому, что ширина поля стоит обрезки пикселей. Если пользователь не использует сжатие для подгонки, мы расширяем заголовок. -> <b: if cond = 'data: mobile'> <div id = 'внутренний заголовок'> <div class = 'titlewrapper' style = 'background: transparent'> <h1 class = 'title' style = ' фон: прозрачный; border-width: 0px '> <b: include name =' title '/> </ h1> </ div> <b: include name =' description '/> </ div> <b: else /> <div expr : style = '& quot; background-image: url (& quot; + quot; + data: sourceUrl + & quot; & quot;); & quot; + & quot; background-position: & quot; + data: backgroundPositionStyleStr + & quot ;; & quot; + data: widthStyleStr + & quot; min-height: & quot; + data: height + & quot; _height: & quot; + данные: высота + "background-repeat: no-repeat; & quot; ' id = 'внутренний заголовок'> <div class = 'titlewrapper' style = 'background: transparent'> <h1 class = 'title' style = 'background: transparent; border-width: 0px '> <b: include name =' title '/> </ h1> </ div> <b: include name =' description '/> </ div> </ b: if> <b: else /> <! - Показать только изображение -> <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 + & quot; _headerimg & quot;' expr: src = 'data: sourceUrl' expr: width = 'data: width' style = 'display: block' /> </a> <! - Показать описание -> <b: if cond = 'data: imagePlace == & quot; BEFORE_DESCRIPTION & quot; '> <b: include name =' description '/> </ b: if> </ div> </ b: if> <b: else /> <! - Нет изображения заголовка - -> <div id = 'внутренний заголовок'> <div class = 'titlewrapper'> <h1 class = 'title'> <b: include name = 'title' /> </ h1> </ div> <b: include name = 'description' /> </ div> </ b: if> </ b: includedable> <b: includedable id = 'description'> <div class = 'descriptionwrapper'> <p class = 'description'> <span> <data: description /> </ span> </ p> </ div> </ b: includedable> <b: includedable 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: включаемый> </ b: виджет>

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

Если вы нашли код, пожалуйста, удалите все и замените его на то, что я изменил ниже:

<b: widget id = 'Header1' locked = 'true' title = 'Simple SEO (Header)' type = 'Header'> <b: includedable id = 'main'> <b: if cond = 'data: useImage' > <b: if cond = 'data: imagePlacement == "" BEHIND & quot;'> <! - Показывать изображение в качестве фона для текста. Вы не можете реально рассчитать ширину в JS, потому что поля не учитываются ни одним клиентом, offsetWidth или scrollWidth, поэтому мы не устанавливаем минимальную ширину, если пользователь использует сжатие для подгонки. Это приводит к тому, что ширина поля стоит обрезки пикселей. Если пользователь не использует сжатие для подгонки, мы расширяем заголовок. -> <b: if cond = 'data: mobile'> <div id = 'внутренний заголовок'> <div class = 'titlewrapper' style = 'background: transparent'> <h1 class = 'title' style = ' фон: прозрачный; border-width: 0px '> <b: include name =' title '/> </ h1> </ div> <b: include name =' description '/> </ div> <b: else /> <div expr : style = '& quot; background-image: url (& quot; + quot; + data: sourceUrl + & quot; & quot;); & quot; + & quot; background-position: & quot; + data: backgroundPositionStyleStr + & quot ;; & quot; + data: widthStyleStr + & quot; min-height: & quot; + data: height + & quot; _height: & quot; + данные: высота + "background-repeat: no-repeat; & quot; ' id = 'внутренний заголовок'> <div class = 'titlewrapper' style = 'background: transparent'> <h1 class = 'title' style = 'background: transparent; border-width: 0px '> <b: include name =' title '/> </ h1> </ div> <b: include name =' description '/> </ div> </ b: if> <b: else /> <! - Показать только изображение -> <div id = 'header-inner'> <b: if cond = 'data: blog.pageType! = & quot; item & quot;'> <b: if cond = 'data: blog.pageType! = & quot; static_page & quot;'> <h1 style = 'text-indent: -9999px; поле: 0 0 0 0; отступы: 0 0 0 0; высота: 0px;'> <b: include name = 'title' /> </ h1> </ b: if> </ b: if> <a expr:href='data:blog.homepageUrl'style='display: block'> <img expr: alt = 'data: title' expr: height = 'data: height' expr: id = 'data: widget. instanceId + & quot; _headerimg & quot;' expr: src = 'data: sourceUrl' expr: width = 'data: width' style = 'display: block' /> </a> <! - Показать описание -> <b: if cond = 'data: imagePlace == & quot; BEFORE_DESCRIPTION & quot; '> <b: include name =' description '/> <b: if cond =' data: blog.pageType! = & quot; item & quot; '> <b: if cond =' data: blog .pageType! = & quot; static_page & quot; '> <h1 style =' text-indent: -9999px; отступ: 0 0 0 0; отступ: 0 0 0 0; высота: 0px; '> <b: include name =' title '/> </ h1> </ b: if> </ b: if> </ b: if> </ div> </ b: if> <b: else /> <! - Нет изображения заголовка - > <div id = 'внутренний заголовок'> <div class = 'titlewrapper'> <b: if cond = 'data: blog.pageType! = & quot; item & quot;'> <b: if cond = 'data: blog. pageType == & quot; static_page & quot; '> <p class =' ​​title '> <b: include name =' title '/> </ p> <b: else /> <h1 class =' ​​title '> <b: include name = 'title' /> </ h1> </ b: if> <b: else /> <p class = 'title'> <b: include name = 'title' /> </ p> </ b: if> <b: include name = 'description' /> </ div> </ div> </ b: if> </ b: includedable> <b: includedable id = 'description'> <div class = 'descriptionwrapper' > <p class = 'description' > <span> <data: description /> </ span> </ p> </ div> </ b: includedable> <b: includedable 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: включаемый> </ b: виджет>

Все еще не закончено, следующим шагом является редактирование в заголовке раздела поста. Как найти код ниже в вашем шаблоне:

<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>

Удалите весь код и замените его следующим:

<b: if cond = 'data: post.title'> <b: if cond = 'data: blog.pageType! = & quot; item & quot;'> <b: if cond = 'data: blog.pageType == & quot; static_page & quot; '> <h1 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> </ h1> <b: else /> <h2 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> </ h2> </ b: if> <b: else /> <h1 class = 'post-title entry-title' itemprop = 'name'> <b: if cond = 'data: post .link '> <a expr:href='data:post.link'> <dat a: 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> </ h1> </ b: if> </ b: if>

Это закончено ???? еще нет !!!

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

. Header h1 {font: $ (header.font); цвет: $ (header.text.color); text-shadow: $ (header.shadow.offset.left) $ (header.shadow.offset.top) $ (header.shadow.spread) rgba (0, 0, 0, .2); }. Заголовок h1 a {color: $ (header.text.color); }

Удалить и заменить на это:

. Header h1.title,. Header p.title {font: $ (header.font); цвет: $ (header.text.color); text-shadow: $ (header.shadow.offset.left) $ (header.shadow.offset.top) $ (header.shadow.spread) rgba (0, 0, 0, .2); }. Заголовок h1.title a, .Header p.title a {color: $ (header.text.color); }

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

4. Установите хлебную крошку
Посмотрите на код ниже:

<b: включаемый идентификатор = 'main' var = 'top'>

Удалите код и замените его следующим:

<b: includedable id = 'breadcrumb' var = 'posts'> <b: if cond = 'data: blog.homepageUrl! = data: blog.url'> <b: if cond = 'data: blog.pageType == & quot; static_page & quot; '> <div class =' ​​breadcrumbs '> <span> <a expr:href='data:blog.homepageUrl'rel='nofollow'> Главная страница </a> </ span> & # 187; <span> <data: blog.pageName /> </ span> </ div> <b: else /> <b: if cond = 'data: blog.pageType == & quot; item & quot;'> <b: значения цикла = 'data: posts' var = 'post'> <b: if cond = 'data: post.labels'> <div class = 'breadcrumbs'> <span itemscope = '' itemtype = 'http: // data-vocabulary .org / Breadcrumb '> <a expr:href='data:blog.homepageUrl' itemprop='url'> <span itemprop =' title '> Home </ span> </a> </ span> & # 187; <b: значения цикла = 'data: post.labels' var = 'label'> <span itemscope = '' itemtype = 'http: //data-vocabulary.org/Breadcrumb'> <a expr: href = 'data: label.url + & quot ;? & amp; max-results = 8 " itemprop = 'url'> <span itemprop = 'title'> <data: label.name /> </ span> </a> </ span> <b: if cond = 'data: label.isLast! = & quot; true & quot; '> & # 187; </ b: if> </ b: loop> & # 187; <span> <data: post.title /> </ span> </ div> <b: else /> <div class = 'breadcrumbs'> <span> <a expr: href = 'data: blog.homepageUrl' rail = 'nofollow'> Главная страница </a> </ span> & # 187; <span> Uncategories </ span> & # 187; <span> <data: post.title /> </ span> </ div> </ b: if> </ b: loop> <b: else /> <b: if cond = 'data: blog.pageType = = & quot; архив & quot; '> <div class =' ​​breadcrumbs '> <span> <a expr:href='data:blog.homepageUrl'rel='nofollow'> Главная страница </a> </ span> & # 187; <span> Архив для <data: blog.pageName /> </ span> </ div> <b: else /> <b: if cond = 'data: blog.searchQuery'> <div class = 'breadcrumbs'> < span> <a expr:href='data:blog.homepageUrl'rel='nofollow'> Главная страница </a> </ span> & # 187; <span> <data: blog.pageName /> </ span> </ div> <b: else /> <b: if cond = 'data: blog.pageType == & quot; index & quot;'> <div class = ' хлебные крошки '> <b: if cond =' data: blog.pageName == & quot; & quot; '> <span> <a expr:href='data:blog.homepageUrl' rel='nofollow'> Главная страница </a> </ span> & # 187; <span> Вся публикация </ span> <b: else /> <span> <a expr:href='data:blog.homepageUrl'rel='nofollow'> Главная страница </a> </ span> & # 187; <span> <data: blog.pageName /> </ span> </ b: if> </ div> </ b: if> </ b: if> </ b: if> </ b: if> < / b: if> </ b: if> </ b: includedable> <b: includedable id = 'main' var = 'top'> <b: include data = 'posts' name = 'breadcrumb' />

После этого вы добавляете немного CSS, чтобы он не выглядел слишком простым. Скопируйте / скопируйте код CSS ниже:

.breadcrumbs {font-size: 11px; цвет: # 666; отступы: 10px 0px; поле: 10px 0px 20px; border-bottom: 1px solid #ddd; }

И поместите это выше кода:

]]> </ b: skin>

Huft ...!

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

Простое SEO, модификация шаблона аля Sugeng. Скачать Нажмите здесь. демонстрация Нажмите здесь ,

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

Вы можете использовать этот шаблон для фиктивных блогов или для изучения модификации шаблона. Не забудьте также увидеть мою коллекцию шаблонов на www.evotemplates.net ,

Спасибо ...

Динамически, как вы думаете о Masbro?
Url + & quot ;?
О том, как смешивать свежевыжатые соки
Ни для кого не секрет, что стакан свежевыжатого овощного или фруктового сока, способен придать заряд энергии и бодрости, а также положительным образом отразиться на состоянии здоровья человека. При этом

Полный список кандидатов в президенты страны станет известен к концу января
9 января 2008, 15:53 Текст: editor На будущей неделе закончится срок приема документов для регистрации кандидатов в президенты. На принятие решения по документам у Центризбиркома будет десять дней. НОРИЛЬСК.

ЄДНІСТЬ : У Києві через високий рівень захворюваності на грип та ГРВІ закрили вже 75 шкіл
У Києві призупинено заняття у 75 школах (2127 класів), у яких рівень захворюваності на грип та ГРВІ перевищив 20%. Інформує  «Є!» , з посиланням на УНІАН. Про це наразі повідомив перший заступник

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

Березовый сок можно ли использовать при сахарном диабете
Березовый сок при сахарном диабете — сахарный диабет: все о заболевании и методах лечения Березовый сок с давних времен славится своими целебными свойствами. Дело в том, что в весенний период береза

Свежевыжатые соки. (кому не лень читать)
Вы видели фильм о , которую исследовал японский ученый Имоту Масара? Уникальные опыты показали, что структурированная жидкость может творить чудеса и оздоравливать наши клетки, омолаживая организм

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

Лечение рака по Бройсу и др
Лечение Рака по Бройсу. (Рудольф Бройс) «Совсем недавно китайские медики обнаружили, что у онкобольных количество микроэлементов в печени, в волосах и некоторых других органах резко снижено. Возможно,

С каким соком пить водку?
Ответ: С каким соком пить водку? ВИНОВАТ АНТИАЛКОГОЛЬНЫЙ ФЕРМЕНТ - Владимир Георгиевич, главный вопрос

Сок добрый
Министерство общего и профессионального образования Российской Федерации Санкт-Петербургский Государственный Технологический институт (Технический университет) Факультет Экономики и