Последние посты

Показаны сообщения с ярлыком Оптимизация блога. Показать все сообщения
Показаны сообщения с ярлыком Оптимизация блога. Показать все сообщения

Navbar в Blogger

Автор поста: Николай Шихтенков | 27 авг. 2012 г. | 23:43

Navbar – панель навигации, которая невероятно сильно мешает владельцам блогов на Blogger (Blogspot), к слову сказать, не только мешает, но и выделяет блоги на платформе Blogger от Standartalone блогов.

Navbar в Blogger не вписывается в дизайн, кроме того, зачастую, блоги с панелью не рассматриваются читателями всерьез, какую бы информацию они не доносили.

Поэтому целесообразно убрать панель. Как это сделать с помощью корректировки кода я описывал здесь, так же в статье можно найти полную информацию описывающую панель Navbar.

Стоит сразу отметить, что за удаление панели, никаких санкции от Google не будет, вот почему:

Google сам предоставил пользователя, возможность оставить или убрать Навбар с блога.

Последовательность отключения:

1. Отключить его можно зайдя в “Дизайн” из “Панели инструментов”.

2. Найти “Панель навигации” и нажать на “Изменить”.


3. Откроется окно “Настройка”, с предложением вариантов панели, в самом низу нажмите “Выключить”.


4. Сохраните.

Теперь отключить Navbar сможет даже новичок, не разбирающейся в коде HTML.

Ошибки оптимизации сайта

Автор поста: Николай Шихтенков | 5 авг. 2012 г. | 23:42

Многие владельцы обращаются к компаниям по оптимизации сайта, но даже после их работы ошибки остаются, ведь нет ничего совершенного. Ошибки оптимизации есть у всех без исключения сайтов. А ведь оптимизация играет отнюдь не последнюю роль в продвижении.

Итак, ошибки оптимизации сайта, приведу примеры:

1. Графический заголовок. Довольно распространенная ошибка, которая, кстати, присутствует у меня в блоге – это заголовок сайта в виде графики на всю ширину страницы. В ней содержаться название, логотип, описание.

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

Самый верный вариант это сделать небольшой логотип, а все остальное прописать текстовой информацией.

2. Графическое меню. Эта ошибка вторая по распространенности. При таком раскладе теряется внутренняя перелинковка и юзабилити. Лучше всего, когда навигация реализуется в виде текста, с ключевыми словами. Не исключен вариант, что графическое меню поисковик может не учитывать.

3. Навигация, выполненная с помощью скрипта. Отдельная тема, поисковик никогда не выполнял и не читал скрипты. Поисковая система такое меню не увидит. Лучшее менюшка та, которая сделана для пользователя и поисковика.

4. Ссылки не видемые пользователю – 1 пиксель, тоже нарушение оптимизации для ПС.

5. Ошибка с использованием скрытого текста/ключевых слов совпадающий с цветом дизайна. Преднамеренный обман поискового робота, за который, кстати, можно схлопотать санкции – АГС, БАН. Такое даже ошибкой назвать нельзя.

Добавление статистики Google Analytics в Blogspot

Для блогов Blogspot встроить статистику Google Analytics легче простого. Разработчики сервиса Blogger об этом подумали заранее. Статистика Google Analytics даст блогу огромный потенциал, множество функции и возможностей в сфере сбора подробной статистики посещений.

Процесс установки этой статистики в Blogspot облегчен, для новичков такая возможность благо, ведь не все новички в Blogger разбираются в HTML.

Для установки статистики необходимо создать аккаунт в системе Google Analytics и зарегистрировать свой блог.

Затем перейти из панели управления блогом в настройки, затем в “Другое”.

В настройках вы увидите поле для вставки вашего идентификатора ID в Google Analytics.

Что бы узнать свой ID, необходимо зайти в Google Analytics, далее перейти во вкладку “Администратор”.
Под меню будет указан ваш URL и идентификатор ID.


Копируете свой идентификатор и вставляете в поле панели управления вашего блога.

Единственная ошибка которая может возникнуть при добавлении таким образом статистики, будет связанна с нестандартными шаблонами.

Для исправления и предотвращения ошибки необходимо в нестандартный шаблон добавить код HTML. Если код уже установлен ничего добавлять не надо:

<b:include name='google-analytics' data='blog'/>

Вставить его надо перед тегом </body>.

Статистика Google Analytics намного мощнее, чем встроенная стандартная статистика Blogspot.

Хлебные крошки

Автор поста: Николай Шихтенков | 27 июля 2012 г. | 23:02

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

Для чего полезны хлебные крошки:

  1. Первое и наиболее важное – внутренняя навигация, юзабилити, перелинковка страниц.

  2. Второе, хлебные крошки полезны для поисковых систем, особенно для Google.

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

На Blogspot они реализуются с помощью ярлыков/тегов которые присваиваются практически каждой статье.

Хлебные крошки имеют вид:

Подробнее:

Главная – Тег – Страница, на которой находится читатель.

Установка хлебных крошек, шаги установки:


Панель инструментов – шаблон (резервное копирование) – Изменить HTML – Приступить – Расширить шаблоны. Далее с помощью поиска найдите строчку:

<b:include data='top' name='status-message'/>

Сразу после нее вставьте код:

<b:include data='posts' name='breadcrumb'/>

Он является тегом хлебных крошек.

В редакторе шаблона промотайте чуть выше или воспользовавшись поиском найдите:

<b:includable id='main' var='top'>

Перед найденным кодом вставьте:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!--Не показывать на главной странице-->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl' rel='tag'>First page</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>First page</a> &#187; <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'>First page</a> &#187;
<b:else/>
<a expr:href='data:blog.homepageUrl'>First page</a> &#187;
<data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Остается только заменить First page на ваше название, например поставить имя домена, или любое другое название. Оно будет отображаться в начале хлебных крошек. В принципе все. Хлебные крошки должны появиться у вас в блоге.

Кнопка Яндекс лента

Автор поста: Николай Шихтенков | 26 июля 2012 г. | 21:26

Для того что бы посетитель/читатель блога смог добавить вашу RSS ленту в подписки своего почтового ящика на Яндекс, необходимо установить кнопку “Читать в Яндекс.Ленте” себе на блог. Кнопку можно установить в блог или на другой любой ресурс.

Точно такая же кнопка установлена у меня в блоге, в правой части, в блоке “Информация”.

Принцип действия:

После нажатия происходит автоматически переход в Яндекс подписки, с указанием потока RSS в качестве источника информации, сколько пользователей/читателей уже подписано на канал. Посетителю останется нажать на кнопку “Сохранить” у себя в подписках.

Кнопка Яндекс лента выглядит так:


Для установки кнопки нужно вставить код Html:

<a href="http://lenta.yandex.ru/settings.xml?name=feed&url=ВАША ЛЕНТА"><img src="http://lenta.yandex.ru/i/addfeed.gif" border="0" alt="Читать в Яндекс.Ленте" /></a>

Замените “ВАША ЛЕНТА”, необходимо прописать свой, например от Feedburner или стандартный фид вашего блога.

Кнопка совместима со всеми браузерами, конечно если включен JavaScript.

Настройка канала RSS в Blogspot

Автор поста: Николай Шихтенков | 20 июля 2012 г. | 21:02

Для большинства блоггеров Blogspot, канал RSS, это дополнительная возможность рассказать пользователям/читателям об обновлении своего блога, а значит, привлечения трафика.

Если поставить в настройках, неполное отображение новой статьи в канале RSS, то читатель, если его заинтересовало начало статьи перейдет по фиду в блог.

Канал RSS в Blogspot можно настроить. Чтобы настроить необходимо перейти из панели инструментов в “Настройки”, затем в “Другое”. В опции “Разрешить фид блога” выбираем нужную вам настройку.

Существую пять типов настройки:

  • Полный – в фиде будет показан полный текст анонса. 
  •  До перехода - будет показан текст статьи до ссылки по которой можно перейти на блог. 
  •  Короткие – в RSS фиде опубликуется 400 первых символов статьи. 
  •  Не одного - блог не будет отсылать в канал RSS новую информацию. Так же блог не проиндексируется поиском Google по блогам. 
  •  Дополнительно – эта настройка включает в себя:
  1. Канал сообщений блога – можно использовать все предыдущие настройки.

  2. Канал комментариев блога – используются все настройки, кроме “До перехода”.

  3. Каналы комментариев к каждому сообщению – все кроме “До перехода”. 

Текст анонса в фиде можно делать определенной длины. Для этого воспользуйтесь кнопкой “Читать далее”. До кнопки в фиде будет отображаться короткий анонс статьи. Тем самым можно ограничить длину анонса.

Если вы собираетесь в поездку по делам или в отпуск на Украину в Донецк. То лучше всего остановиться не в гостинице, а в съемной квартире. Посмотреть где арендовать или снять квартиру в Донецке можно на rieltor.donetsk.ua. Большой выбор квартир, со всеми удобствами, включая мебель, технику.

Оптимизация заголовка и описания статьи для Blogspot

Автор поста: Николай Шихтенков | 19 июля 2012 г. | 22:34

Пользователь, набирающий в поиске нужный ему поисковый запрос, переходя на страницу выдачи (в которой для каждого места отображаются сайты с описанием двух трех строчек вместе с URL), обращает внимание первым делом на заголовок, потом на текст под ним (строчки), а потом если заметит, то на ссылку/Url сайта.

Вот здесь и играет роль оптимизация заголовка и описания статьи с ключевыми словами. Ведь, в выдаче отображается заголовок и описание включая найденные ключевые слова, то есть поисковая машина возьмет часть текста для описания из статьи, где находиться выделенное жирным ключевое слово. Применимо к Google.

Другими словами, нужно около выделенного жирным ключевого слова писать ту информацию, которая после прочтения пользователем (в выдаче) с подвигнет его перейти на ваш блог/сайт.

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

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

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

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

Почему именно запросам пользователя:

  1. Оптимизация статьи под ВЧ, СЧ и НЧ запросы

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

Оптимизация заголовка по региону, если раскрутка идет по регионам. Стоит приписывать региональную принадлежность после заголовка. Не стоит использовать длинные заголовки статьи.

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

На счет ключевых слов, их предпочтительней размещать в самом начале статьи. Так как поисковой робот сканирует статью сверху вниз. Обязательно выделив их полужирным. Не стоит злоупотреблять выделением ключевиков, один – два раза достаточно.

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

Установка фонового изображения для блога Blogspot (Blogger)

Автор поста: Николай Шихтенков | 6 июля 2012 г. | 23:30

В стандартных шаблонах можно установить свое фоновое изображение. Таким образом, можно обозначить тематику блога и сделать его уникальным не похожим на других.

Загруженное фоновое изображение не увеличит вес страницы и скорость загрузки блога. Установка своего фона, полезна владельцам блогов которые привыкли к своему стандартному шаблону, новичкам или фото блогам. 

Фоновое изображение можно выбрать из имеющегося каталога или же загрузить свое.

Как происходит установка фонового изображения:

Переходим из панели инструментов во вкладку “Шаблон” – нажимаем “Настроить” – переходим в дизайнер шаблонов Blogger. В меню выбираем вкладку “Фон”, нажимаете на имеющееся фоновое изображение блога.

Если изображения хранящиеся на компьютере не подходят для вашего блога, можете сделать свое, достаточно иметь фотоаппарат. Если у вас его нет, то можно купить фотоаппарат в Украине, и сделать свое качественное фоновое изображение. Тем самым можно придать блогу настоящую уникальность.


Можете выбрать из предоставленных картинок или нажать “Загрузить” – “Обзор”. Выбираете картинку с компьютера.

На изображения есть ограничения:

  1. Форматы файлов JPG, PNG, GIF. Другие форматы не подойдут.

  2. Размер изображения менее 300 КБ. Если будет больше, то загрузка не произойдет. Ограничение сделано для того, что бы не утяжелять вес страницы при загрузки блога Blogspot.

  3. Разрешение изображения должно быть как минимум 1800 x 1600 пикселей. Меньше нельзя, фон не будет отображаться на весь экран.

Настройка фонового изображения:

  1. Первая настройка – Выравнивание, оно позволит выровнять фон по краям экрана, центру, снизу и сверху.

  2. Замостить изображение, можно не разделять на мозайку, разделить по горизонтали или вертикали.

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

Еще можно выбирать основной цвет темы блога, цвет будет меняться у текстовых ссылок, элементов меню, в общем, всех элементов юзабилити.

Виджет облако тегов Blogspot (Blogger)

Автор поста: Николай Шихтенков | 20 июня 2012 г. | 23:41

Облако тегов состоит из ярлыков, облако показывает наиболее популярные теги, которые часто используются. Показывание часто используемых тегов в облаке, происходит путем выделения жирным или большего размера, чем больше или жирнее, тем популярнее. Облако наиболее популярна у пользователей блога Blogspot (Blogger), нежели обычный список тегов.

Итак, как сделать виджет облако тегов Blogspot (Blogger) и как его настроить.

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

Если у вас нет виджета “Ярлыки”, то создайте его. Нажмите во вкладке “Дизайн” – “Добавить гаджет” в выбранной области блога. В параметрах виджета будет настройка:

После настройки и активации появиться облако тегов на страницах блога.
Конечно, такое облако не сравнить с другими более продвинутыми (3D), но у него есть ряд преимуществ. Для облака не нужны скрипты, оно не утяжеляет вес страницы, не затормаживает скорость открывания блога.

Подробнее про настройку вывода определенных тегов в облаке.

Если вы создавали много тегов ранее, то, наверное, половина вам точно не нужна, вы просто напросто в них ничего не добавляете. Конечно, лишние теги можно удалить. Но, так же можно просто скрыть от пользователя и использовать в качестве подсказок для себя. Для настройки вам нужно, во вкладке “Дизайн” найти виджет “Ярлыки или ваше название”, и нажать “Изменить”. Далее в настройках виджета, выберите “Выбранные ярлыки” и отметьте ярлыки для отображения.


Из тегов можно создавать меню и другие виджеты, создавать для них RSS, об этом подробно в этой статье.

Дешевая регистрация доменов

Автор поста: Николай Шихтенков | 12 июня 2012 г. | 0:45

Дешевая регистрация доменов
После создания блога на платформе Blogspot, вновь созданный блог имеет домен третьего уровня. Для его красоты и авторитетности, необходимо зарегистрировать домен второго уровня. Благо цены сейчас не большие. Сейчас есть дешевая регистрация доменов. С чего начать? Ответ прост: с регистрации домена второго уровня. И не просто зарегистрировать, а выбрать красивое и запоминающиеся имя.

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

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

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

Стоимость регистрации домена 


  Сейчас в интернете можно легко найти регистратора, у которого цена домена в зоне RU будет до 100 рублей. Достаточно сделать запрос: дешевая регистрации доменов. В выдаче поисковой системы будет масса результатов, удовлетворяющих запросу.

  Правда есть люди, которые до сих пор регистрируют домены за 600 и более рублей. Честно сказать я их не понимаю. Да, авторитет регистратора это конечно хорошо, но не настолько чтобы покупать домен по таким ценам, есть же дешевая регистрация доменов, без потери денег. Мой домен куплен за 99 рублей у обычного реселлера, и я не разу не испытывал проблем.

  Не стоит подкупаться рекламными акциями, направленных на заманивание потенциального покупателя любыми средствами. Например: оплати хостинг – регистрация домена в подарок. Присмотритесь, здесь может быть подвох. Ведь оплатив хостинг, вы дарите регистратору деньги. Несомненно, вы получите домен, но в течение года, вам может просто надоесть вести блог. А потратив 99 рублей на покупку и при вашем не желании заниматься дальше интернет ресурсом, можете просто продать его за те же деньги или больше, тем самым остаться в нулях или прибыли.

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

Улучшение юзабилити сайта

Автор поста: Николай Шихтенков | 8 июня 2012 г. | 21:16

Юзабилити сайта – это навигация по ресурсу, удобная для пользователя. Оптимизируя сайт, проделывая большую работу по оптимальной перелинковки, оптимизаторы забывают о юзабилити сайта. А она играет далеко не последнюю роль для ресурса, удобная навигация благотворно влияет на уменьшение количества отказов и ее высоко ценят поисковые системы.

Юзабилити решает задачу быстрого нахождения искомого пользователем материала.

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

Контентная навигация или навигация ссылками.


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

  Например, пользователь читает информацию на блоге и натыкается на неизвестный ему термин. Оптимизатору важно, что бы он нашел его определение в блоге, а не ушел искать в поисковую систему. Поэтому нужно поставить внутреннюю ссылку, ведущую на определение термина, в самом блоге. Без контентной ссылки оптимизатор потерял бы пользователя. А может быть и не одного.

Преимущество внутренней навигации в статье:
  1. Задержит на ресурсе посетителя

  2. Повысит глубину просмотра
  Тем самым улучшится юзабилити и поведенческий фактор. Переходя по ссылкам, посетитель увидит другие статьи, которые могут быть ему полезны, вовлекая его на дальнейшие действия. Быть может, он найдет для себя полезную информацию. Занесет ресурс в закладки или подпишется на него.

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

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

Преимущество удобной юзабилити сайта:

  1. Грамотная юзабилити поднимет авторитет сайта, в глазах поисковых систем.

  2. Продвинет ресурс по низкочастотным запросам.

  3. Увеличить глубину и количество просмотров (внутренние переходы).

  4. Снизит показатель отказов (зашел/вышел).

  5. Обеспечит повторное возвращение посетителя на сайт.

  6. Сформирует аудиторию ресурса.
  Не пренебрегайте контентными ссылками, улучшайте юзабилити сайта всеми доступными средствами. И ваш сайт приобретет не только трафик, но и постоянных посетителей.

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

Оптимизация блога

Автор поста: Николай Шихтенков | 26 апр. 2012 г. | 1:58

Оптимизация
  Оптимизация блога – это первое что должен сделать вебмастер, после создания самого блога. Оптимизация является первоочередной задачей.

При правильной оптимизации блога, нужно придерживаться определенных правил, таких как:

  • Заголовок блога - на 100% должен поддерживать главный поисковый запрос.
  • Описание – должно составлять 60% от ключевого слова в заголовке, остальная часть текста заполняется ключевыми словами, которые характеризуют блог.
  • Ключевые слова слов на страницах – ключевые слова употребляемые на странице с текстовой информацией (статья) имеет, должны составлять 20%.
  Оптимизация блога, по своей сути похожа на seo оптимизацию сайта. Обязательное добавление мета тегов.

Как для сайта, так и для блога нужно добавить теги:
  • Тег title – заголовок. Заголовок прописывается платформой Blogspot по умолчанию. Заключается заголовок в теги < title > < title /> . Настраивается в панели инструментов – основное – название.
  • Тег description – описание. Описание отображается и в поиске и его видно пользователю, заходящему на блог. Так же его учитывают поисковые системы. Описание не должно превышать двух предложений.
<meta content='Описание' name='description'/>
  • Keywords - ключевые слова. В ключевые слова нужно добавлять только те, которые напрямую характеризуют ваш блог, и вы часто их используете. Не добавляйте слова не употребляемые вами. Писать много слов не стоит, хватит пяти – шести. Это будет правильная оптимизация.Пример тега:
<meta content='ключевики' name='keywords'/>
  • Тег для индексации роботом. Robots.txt раньше менять было нельзя, и ставили вот такой тег:
<meta content='INDEX, FOLLOW' name='robots'/>

  Тег в таком написании, укажет поисковым системам, следующие параметры – Индексировать и следовать. То есть разрешает полностью индексировать блог, если это не запрещено в robots.txt.

Так же в теге можно запретить индексировать блог.
  • Теги авторство и указание повторного возращения на блог роботу.
Пример: 

<meta content='Атвтор блога' name='author'/> 
<meta content='2 days' name='revisit'/>

  Нормальная оптимизация блога, без вышеуказанных тегов не возможна. Вставлять их следует после тега <HEAD>, желательно сразу после него. Или после тега <title> установленного по умолчанию.

Дублированный контент или как скрыть архив от индексации ПС.

  Ни для кого не секрет, наверное, что поисковые системы не любят дублированный контент, особенно его не любит Яндекс. Архив Blogspot, представляет собой дубликат всех статей на блоге. Но любая ПС, так или иначе, удаляет ссылки дубликатов из индекса. Но, иногда архив встречается в индексе ПС. Так же удаление дубликатов полезна для статистики индексации в “Яндекс вебмастер”. Статистика будет показывать точное количество проиндексированных страниц.

  Для того что бы скрыть архив от индексации, не нужно теперь добавлять теги, все можно сделать через панель управления – настройки – настройки поиска – персонализированные теги robots.txt.

Что бы долго не разбираться можете просмотреть статью “Персональные теги

Оптимизация блога положительно скажется на индексации и ранжировании, не медлите с ней.

Как поменять фавикон на блоге Blogspot (Blogger)

Автор поста: Николай Шихтенков | 23 апр. 2012 г. | 2:01

  Многие блоггеры хотели бы вставить иконку, свою собственную, наиболее подходящую к его блогу, дизайну, атмосфере, вместо стандартного значка Blogspot (Blogger). Более того он должен по идее, быть маленьким отображением сути блога. Опять же, в выдаче по любому поисковому запросу будет показана большая часть блогов с одинаковыми иконками. Что выберет пользователь? Думаю то, что отличается от большой массы блогов в выдаче. Особенно если то что отличается будет на домене второго уровня. Смотрится наиболее симпатично.

Как изменить фавикон?


  Поменять фавикон, изменить, можно зайдя в “Панель управления”, далее “Дизайн”, нажимаем “Изменить фавикон” в окошке “Значек”. 


  Откроется окно “Настройка значка”. Выбираем файл картинки на компьютере. Желательно заранее скачать или создать фавикон. Размер файла не должен превышать 100 kb. А размер фавикона должен быть 16 на 16 px (пикселей), квадратное изображение.

  Создать свою иконку можно стандартным Paint. Или выбрать подходящий в интернете, достаточно ввести поисковой запрос. Другой вариант, выбираете понравившееся изображение и переходите по адресу favicon.ru, с помощью сервиса вы легко преобразуете большую картинку в маленькую квадратнуюе 16x16. Сохраните файлик на компьютер.

Как вставить фавикон? 


  Для того что бы вставить фавикон с компьютера, нажимаете обзор, выбираете­­ файл изображения, нажимаете OK. Сразу после этого загрузится изображение и отобразится в окошке. Сделано для того что бы оценить, понравилась вам иконка или нет. Если не понравился, нажмите удалить и загрузите другой файл.


  Как только выберите подходящий нажмите сохранить. Затем перейдите на свой блог и обновите страницу. Вместо стандартного “B” должно появится выбранная иконка.

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

Красивое оформление текста

Автор поста: Николай Шихтенков | 17 апр. 2012 г. | 22:07

  На одном из блогов Blogspot увидел красивое оформление текста, точнее красивые рамки для оформления текста, важной информации.

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

Преимущества:
  • Смотрится оформление - красиво
  • Можно выделять текст разными рамками.
Недостатки:
  • Что бы выделить часть текста содержащего важную информацию, при написании статьи приходится постоянно лезть в HTML поста, находить нужный отрывок, заключать его в необходимый div class.
Красивые рамки для оформления текста чем то похожи на один из способов цитирования.

  Итак, красивое оформление текста реализуется блоками, сколько их будет решать вам. Я оставил три блока оформления текста:

Блок vajno, помещается информация о важных сообщениях.
Блок info, в этом блоке публикуется информация, которую необходимо знать, учесть.
Блок kod, им я оформляю текст содержащий коды HTML и CSS.

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

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

Как сделать красивое оформление текста


  Стандартно: заходим в “Панель инструментов” – “Шаблон” – нажимаем “Изменить HTML” – далее “Приступить”. Расширять ничего не надо. Красивое оформление достигается за счет добавления стиля CSS. Нужно найти конец CSS стиля и перед ним добавить CSS стиль для блоков.

С помощью поиска браузера (Ctrl+F) находим строчку конца стиля дизайна

]]></b:skin>

До этой строчки в шаблон блога, вставьте

.vajno, .kod, .info {
margin:10px;
padding:15px 20px 15px 80px;
border:1px solid #999999;
border-radius: 10px;
-moz-border-radius:10px 10px 10px 10px;
box-shadow:2px 2px 3px #999999;
-moz-box-shadow:2px 2px 3px #999999;
-webkit-box-shadow: #999 2px 2px 3px;
background-position:20px 50%;
background-repeat:no-repeat;
position:relative;
text-align:justify;
}
.vajno {
background-color:#FFD4A0;
background-image: url("http://lh4.ggpht.com/_G92voTj-yF0/TO0c43ebP4I/AAAAAAAAA7Y/9LgBZ8FG_70/vajno.png");
}
.info {
background-color:#FFFFCC;
background-image: url("http://lh5.ggpht.com/_G92voTj-yF0/TO0osHobz7I/AAAAAAAAA7c/UuJQ0vP5k18/info.png");
}
.kod { background-color:#E9FFD4;
background-image: url("http://lh3.ggpht.com/_G92voTj-yF0/TO0qiaCAffI/AAAAAAAAA7k/DRmMoObB4ss/kod.png");
}

  Названия блоков находятся в первой части кода CSS – это vajno, kod, info. При добавлении новых блоков, вписывайте в верхнюю часть кода их название. При редактировании названия блока меняйте его в верхней части и в нужном коде отдельного блока оформления текста. Не забывайте добавлять точку перед каждым названием.

Возможность редактирования:
  • Цвет тела в рамке, просто измените на свой, в background-color
  • Вывод картинки, вставьте ссылку вашей картинки, в background-image. Может найдете более красивое. Если картинка не нужна, удалите ссылку с путем картинки.
  • Можно изменить радиус закругления рамки и другие параметры.
После внесения изменений, если таковые были – Сохраните шаблон.

  Перейдем к написанию статьи. Как было сказано ранее что бы сделать красивое оформление текста нужно зайти в редакторе сообщений в HTML. Написав статью, определившись какой текст будете вносить в рамку, нажимаете на HTML. Находите кусок текста, и заключаете его в тег div.

Пример оформления блока vajno:

<div class="vajno">Важная информация</div>

На деле выглядит так:

Важная информация

И еще я свой текст выравниваю по ширине, и каждая часть текста находится в теге:

<div style="tеxt-аlign: justify;">Часть текста</div>

  Вместо тега <div stylе="text-аlign: justify;"> поставьте тег блока. Закрывающую часть тега не трогайте (</div>)

  Что бы внести часть текста в любой другой блок замените название в теге <div class="Название любого блока">

  Красивое оформление текста не сложно реализовать. Что бы не вспоминать каким тегом закрывать текст, запишите его.

Похожие статьи для Blogspot (Blogger)

Автор поста: Николай Шихтенков | 16 апр. 2012 г. | 20:06


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

Похожие статьи для Blogspot (Blogger) можно сделать как с миниатюрами, так и без них. Это кому как нравится. Одно могу сказать что лишняя картинка грузит блог, увеличивая время загрузки. На моем блоге тоже стоит виджет без миниатюр (картинки из статьи).

  Устанавливать виджет можно как на светлый шаблон Blogspot (Blogger), так и на темный. Большой разницы нет, нужно только подкорректировать цвет. Виджет выводит похожие статьи через rss вашего блога Blogspot. 

Как установить виджет похожие статьи


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

  Зайдите в панель инструментов Blogspot – Шаблон – Изменить HTML – Приступить. Нажмите расширить шаблоны. Для необходимого поиска необходимой строчки воспользуйтесь поиском (Ctrl+F). Найдите конец тела шаблона, строчку:

</head>

Перед ней вставьте настройку дизайна виджета:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://dl.dropbox.com/u/48089857/relatedthumbs19.js' type='text/javascript'/>
</b:if>

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

Опять воспользуйтесь поиском. Найдите строчку кода линии:

<div class='post-footer-line post-footer-line-1'>

Или

<p class='post-footer-line post-footer-line-1'>

После строки вставьте код самого виджета:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.avitra.ru/' style='display:none;'>Related Posts for blogger</a><script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Похожие статьи";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

Как настроить виджет


  Вывод количества отображаемых похожих статей, по умолчанию стоит 5 статей. Можете изменить количество на ваше усмотрение.

var maxresults=5;

  Так же есть возможность изменить саму надпись "Похожие статьи", на любую другую. В этой строчки кода:

var relatedpoststitle="Похожие статьи";

Есть возможность поменять цвет и размер шрифта, тела виджета.

Как изменить курсор мыши на Blogspot


  Настроив и оптимизировав шаблон, все равно хочется еще что нибудь сделать для своего блога Blogspot. Улучшить, подкорректировать дизайн и т.д. Так же хочется как то выделиться, тем более если шаблон Blogspot (Blogger)стандартный или Free (свободный к распространению).

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

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

Как изменить курсор мыши


  Изменить надо будет изображение отображения курсора на блоге, достаточно добавить в css стиль для курсора мышки. Достаточно добавить одну строчку стиля (кода).

Не во всех браузерах курсор мыши отображается.

Изменить курсор мыши можно следующим образом:

  Зайдите в “Панель инструментов” – “Шаблон” – “Изменить HTML” – “Приступить”. Расширять шаблоны не обязательно. В поиске (Ctrl+F) находим конечную строку дизайна

]]></b:skin>

Перед ]]></b:skin> вставьте стиль для курсора:

body, a, a:hover {cursor: url(Тут должна быть ссылка на картинку), progress;}

  Вставьте ссылку на картинку курсора. Сохраните шаблон. Посмотрите свой блог, оцените красоту, так сказать.

Загрузить картинку с рабочего стола, не вылезая из панели инструментов можно таким образом: Создайте новое сообщение, нажмите вставить картинку, выберите с компьютера ваше изображение курсора, загрузите изображение, в меню сообщение перейдите в HTML, скопируйте ссылку, закройте сообщение. Удалите черновик.

На все уходит меньше минуты и не чего лишнего открывать не надо.

Способы цитирования на Blogspot (Blogger)

Автор поста: Николай Шихтенков | 7 апр. 2012 г. | 23:09

  Цитирование выделяет особенно важные моменты в посте (статье) в блоге Blogspot (Blogger). На блогспот есть свое стандартное цитирование отрывка текста. Но оно не удовлетворяет запросам большинства владельцев блога. С помощью редактирования кода шаблона, а так же Css можно изменить стандартное цитирование на любое другое, более удовлетворяющее требованиям. 

  С одной стороны даже такое цитирование не может служить примером красоты оформления блога, но если посмотреть глазами простоты – это то что нужно, так как не надо вносить каждый раз как захотелось выделить текст изменение в HTML (добавлять свой код в статью) при редактировании статьи, поста. Намного проще просто выделить текст и нажать в меню редактора текста кнопочку “Цитировать”.

Кнопка цитирование

  Выделив текст и нажав на кнопку цитирования, при стандартных настройках будет примерно так:
Пример стандартного цитирования текста
  В принципе стандартное цитирование так выглядит не только на Blogspot. Кстати на моем блоге оно никогда не работало. Способы цитирования которые будут предложены далее, значительно лучше и намного симпатичнее стандартного. Способы отличаются друг от друга настройками.

Способы цитирования:

  •   Первый способ цитирования. Вид у первого способа будет довольно неплохой. Можно заменить цвет полоски которая отображается до текста.
Пример цитирования

  Для того что бы поменять способ цитирования нужно зайти в панель управления, выбрать вкладку шаблон – изменить HTML – Приступить – ставим галку расширить виджеты шаблона. С помощью поиска (Ctrl + F) ищем строчку

]]></b:skin>

Перед строчкой вставляем код представленный ниже

blockquote {
    background:#F9F9F9;
    border:1px solid #CCC;
    margin:10px 0;
    padding:10px;
}

  •   Второй способ цитирования. Дополняет выделенный текст для цитирования, задним фоном, а так же рамкой. Цвет заднего фона можно поменять на любой, более подходящий вашему дизайну шаблона. 
Пример цитирования с выделением
  Чтобы поменять стандартный способ цитирования на этот, нужно проделать все тоже самое, что и при первом способе. Так же найдите строчку кода завершающего оформление дизайна.

]]></b:skin>

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

blockquote {
    background: none repeat scroll 0 0 #FFFBCC;
    border: 1px solid #E6DB55;
    font: 1em Georgia,Times,"Times New Roman",serif;
    padding: 10px;
    margin: 10px 0;
    text-align: justify;
}

Убрать надпись показаны сообщения с ярлыком в Blogspot

Автор поста: Николай Шихтенков | 5 апр. 2012 г. | 21:11

Убрать показать сообщения с ярлыком  Надпись сообщения с ярлыком является лишней навигацией по блогу Blogspot (Blogger), так как обычно используются либо хлебные крошки, либо гаджет виджет “Похожие посты”. Так же не у всех есть большое количество ярлыков (тегов), и блогеры частенько ставят ярлыки в Меню на блоге. Малое количество ярлыков неплохо выглядит в выпадающем или обычном меню. Так же создает удобство пользователям (посетителям блога), меню дает удобную естественную навигацию.

  В не оптимизированном шаблоне, ссылка “Показаны сообщения с ярлыком” показывается при нажатии на любой ярлык. Открывается страница со списком страниц указанных в ярлыке, а вверху страницы появляется надпись “Показаны сообщения с ярлыком”

Выглядит не очень красиво и как уже было сказано выше – лишняя навигации.

Убрав сообщения с ярлыком - вы уберете страницу 404

  Для того чтобы убрать ссылку что показаны сообщения с ярлыком, зайдите в Панель управления – Шаблон (сохраните копию шаблона) – Изменить HTML – нажмите приступить. Установите галочку “Расширить шаблоны виджета” в панели.

С помощью поиска (Ctrl +F) найдите строчку

<b:includable id='status-message'>

или

<b:if cond='data:navMessage'>

  У каждого шаблона разное содержание status-message, у стандартных все одинаково. В моем шаблоне был такой отрывок кода:

<b:includаble id='status-message'>
  <b:if cоnd='dаta:navMessagе'>
   <div clаss='stаtus-msg-wrаp'>
        <data:nаvMessage/>
          <div clаss='stаtus-msg-hiddеn'><dаta:nаvMessagе/>
   </div>
   <div stylе='clеаr: bоth;'/> 
   </b:if>
</b:includablе>

Удалите все начиная с <b:if cond='data:nаvMеssage'> по </b:if> включительно.

Оставляете только начало и конец кода шаблона:

<b:includable id='status-message'>

</b:includable>

Сохраните шаблон.

  Если удалить и эту часть кода, то после сохранения шаблона Blogspot (Blogger), код вернется назад. Сработает встроенная функция Blogspot о сохранение целостности шаблонов. Такая же функция срабатывает, если удалить коды для мобильного шаблона.

  Надпись “Показаны сообщения с ярлыком” удалена. Убедится в этом можно перейдя на любой ярлык в блоге.

Url транслит в Blogspot

Транслит url
  Многие владельцы блога Blogspot (Blogger), задавались вопросом как изменить url страницы вида blog-post.html в человеко понятное имя (адрес) ссылки. Ведь тот же поисковик Яндекс очень положительно относится к ссылкам понятным человеку.

  На Blogspot изменить ссылку можно одним проверенным способом. С помощью транслита! Ссылка транслитом смотрится куда более симпатичнее, чем стандартная блог-пост.

  Возьмем к примеру данную страницу со статьёй. Ее url на транслит выглядит следующим образом – “url translit v Blogspot”. Ссылка транслитом радует глаз и Яндекс, а это важно для русскоязычного блога (и не только). Кстати, в ранжировании страницы блога в поиске, имя ссылки засчитывается поисковиками.

Как изменить url в транслит?


  Можно с помощью программ, но они будут занимать лишнее место на компьютере. Поэтому лучше воспользоваться специальными ресурсами на которых есть транслитератор (конвертер кириллицы). Лично я использую транслитератор сервис - сайта translit.ru. На нем удобная навигация и нет ничего лишнего. Перевод текста в транслит одним кликом мышки. Скопировал – вставил – перевел – скопировал.

Как сохранить url в транслит?


  Для начала создайте новое сообщение и напишите статью с названием сообщения в поле для текста (для тех, у кого автоматический твиттер по Rss), скопируйте кириллическое название страницы и переведите его в транслит. Скопируйте созданное транслитом оглавление и вставьте в “Название сообщения”. Нажмите “Публикация”.

  После публикации, не забудьте изменить “Название сообщения” на кириллическое. Для удобства оставляйте его в теле статьи вверху, как я уже писал выше. Нажмите “Обновить” сообщение.

  Получилось кириллическое название статьи и понятный пользователям, поисковым роботам url в транслит. Ссылка стала релевантной имени страницы.

  Помните, что Blogspot (Blogger) не поддерживает длинный адрес страницы. Поэтому придется довольствоваться коротким.

Убрать подписаться на сообщения Atom в Blogspot

Автор поста: Николай Шихтенков | 4 апр. 2012 г. | 23:42

  В блоге Blogspot (Blogger), перейдя на любой ярлык, внизу всех постов, есть строка - "Подписаться на: Сообщения (Atom)".
Подписаться на сообщения

  А внизу каждого поста (сообщения) есть другая строка - "Подписаться на: Комментарии к сообщению (Atom)
Подписаться на комментарии к сообщению

  Выглядят они стандартно для всех шаблонов. Но не на всех смотрятся в тему, иногда могут не подходить к дизайну, оформлению блога. Так же строки подписки не подойдут тем у кого изменена стандартная форма комментариев (например, изменена на disqus). И тем более строки подписки на сообщения не нужны тем, у кого RSS подписка есть в виде кнопок в дизайне или как у меня в самом вверху (вместе с контактами и поиском).

Как убрать в блоге Подписаться на сообщения Atom


  Для начала заходим в "Панель управления" - "Шаблон". Не забываем сохранять копию шаблона. Нажимаем "Изменить Html". Галочку для расширения шаблона ставить не обязательно. Находим строчку кода:

.feed-links

У меня она выглядит таким образом:

.feed-links{clear:both;line-height:2.5em}

  Добавляем к коду (в вашем шаблоне может быть другие параметры у значения) вот этот параметр:

;display: none;

 Должно получится так:

.feed-links{clear:both;line-height:2.5em;display: none;}

Не забудьте добавить ; (точку с запятой) после другого параметра, перед display: none;

Сохраните шаблон. Просмотрите блог в ярлыках. Строки не должно быть.

 Как убрать в блоге Подписаться на комментарии к сообщению Atom


  Ничего больше не трогайте, вы все уже убрали. Не удивляйтесь, параметр .feed-links отвечает и за отображение надписи в ярлыках, но так же отвечает и за отображение надписи в постах (сообщениях).

  Кстати не трудно догадаться о расшифровке значения - Дисплей: нет, то есть, на дисплей не выводить.
 
Все права защищены.
Copyright © 2011- Avitra - Персональный SEO блог
При копировании материалов гиперссылка на БЛОГ обязательна.
All Rights Reserved
Вверх