воскресенье, 13 января 2013 г.

Заголовок блога на blogspot в поисковой выдаче

Продолжаю тему настроек блога на Blogger. Что отличает почти все блогспотовские блоги в выдаче поисковой системы? Правильно. Сначала идет название блога, и только потом заголовок статьи. В поисковике это выглядит так:




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

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

Итак, вы решили изменить выдачу заголовков ваших статей в поисковой системе. Придется чуть-чуть покопаться в шаблоне. Заходим в административную панель Blogger. Вкладка Шаблон -> Изменить HTML. Жмем на эту кнопку и видим шаблон, написанный на незнакомом нам языке. Ничего страшного! 

Находим в шаблоне этот код. 

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

Чтобы найти быстро, с помощью комбинации кнопок CTRL и F вызываем окно быстрого поиска на странице (на картинке видно это окно в правом верхнем углу) и вводим код в это окно. Найденный код выделяется оранжевым цветом.

Рис.1 


Смело заменяем найденный код на такой:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
     <title>
          <data:blog.pageTitle/>
     </title>
<b:else/>
     <title>
          <data:blog.pageName/>
          <b:if cond='data:blog.pageName'> ~ </b:if>
          <data:blog.title/>
     </title>
</b:if>

Строчка <b:if cond='data:blog.pageName'> ~ </b:if> может быть немного изменена, например:   <b:if cond='data:blog.pageName'> - </b:if> 
или                <b:if cond='data:blog.pageName'> : </b:if> 

Значок "~" или "-" будет присутствовать в выдаче вашего заголовка.

Код будет выглядеть так:

Рис.2
Изменить заголовок блога в поиске


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

Рис.3
изменить заголовок в поисковой выдаче

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

пятница, 11 января 2013 г.

Как установить фавикон на блог в Blogger

Ну вот, дождалась появления фавикона у своего блога. Теперь можно и Вам рассказать, что это такое – фавикон, для чего она нужна, и как установить фавикон на блоге. Странно, не правда ли! Фавикон – она! 

Итак. Фавикон – это значок, располагающийся рядом с УРЛ (адресом) вашего сайта в поисковых системах. Прежде всего, это – отличительная черта блога в поисковике. Если значок соответствует теме блога, говорит сам за себя, то и пользователь обратит на это внимание и в первую очередь выделит ваш блог из списка, выданного поисковой системой. Кому охота разглядывать длинные ссылки! 

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

Для примера, откройте несколько Blogspotских блогов с фавиконом Блоггера в одном браузере и посмотрите, сможете ли вы на вкладках отличить их друг от друга. Все на одно лицо. Ваш будет выделяться! 

Разработчики платформы Blogger уже предусмотрели возможность установки фавикона практически в один клик. Для этого заходим в административную панель, вкладка Дизайн. Видим в левом верхнем углу гаджет Значок. 

Рис.1 Значок Blogger 

Фавикон в блогспот


Нажимаем «Изменить», - откроется это окно 

Рис.2 Окно вставки фавикона Blogger 

Загрузка фавикона в блогспот

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

Теперь о том, где его взять. Существует несколько сервисов, которые предлагают сделать фавикон самостоятельно. То есть нарисовать у них на сайте или загрузить свою картинку, после чего они сгенерируют фавикон, и можно будет скачать. Можно воспользоваться программой фотошоп и уменьшить свою картинку до размеров фавиконки. Вес готовой картинки не должен превышать 100 KB. Но! Картинка должна быть без мелких деталей (их не будет видно) и края должны быть очень четкими. В-общем, не из каждой картинки получится красивый фавикон. 

Конечно, попробуйте создать свой уникальный фавикон на сервисах или выбрать готовый из коллекций. Вот несколько ссылок на сайты, которые предлагают создать фавикон или скачать коллекции: 

http://favicon.cc/ 

http://favicon.com/ 

http://favicon.ru/ 

На сайте http://findicons.com/ (сайт англоязычный, для быстрого перевода на русский можно зайти через браузер Гугл Хром, так как в нем есть функция перевода вебстраниц) большая коллекция готовых фавиконов на разные темы. Выбираете, скачиваете себе на компьютер и загружаете в Blogger. Все очень просто! 

Чтобы перейти на сайт с коллекцией готовых фавиконов, нажми на картинку 

четверг, 10 января 2013 г.

Как настроить шаблон Blogger


Привет друзья мои!

Как и обещала, сегодня рассказываю подробно о том, как настроить шаблон Blogger. Удивительные 8 стандартных шаблонов могут превратиться в тысячи уникальных и неповторимых дизайнерских шедевров. Требуется всего лишь несколько щелчков компьютерной мышкой плюс фантазия, оптимизм  и доля хорошего авантюризма, чтобы получить такой шаблон, от которого Ваши посетители будут в восторге! (Прошу на мой шаблон не ориентироваться.  Это шпаргалка, а шпаргалка должна быть неприметной, серой и безликой.  Примеры хорошо оформленных блогов можно посмотреть в Blogger.)

Итак, продолжим! Заходим в нашу административную панель Blogger, жмем Мои блоги -> Название блога -> Шаблон -> Кнопка Настроить (оранжевая под картинкой вашего блога). Попадаем в Дизайнер шаблонов Blogger!

Рис.1 Дизайнер шаблонов Blogger

Изменить шаблон в Блоггер

Вкладка Шаблоны. Здесь мы видим 8 стандартных Bloggerовских шаблонов, каждый из которых представлен в различных вариантах. Выберем понравившийся нам шаблон по общему стилю.

Рис.2 Изменить фон в блоге на Blogger

Изменить фон в Блоггер

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

Рис.3 Изменить  ширину колонок в блоге на Blogger

Изменить ширину блога на Блоггер

Вкладка Регулировка ширины. Это все просто. Передвигаем бегунок в шкале до нужного нам значения. Запоминаем ширину всего блога или даже записываем это значение! Пригодится для вставки своей картинки в шапку. Подробно об этом написано в конце статьи.

Рис.4 Изменить количество колонок в шаблоне Blogger

Изменить количество колонок в шаблоне Блоггер

Вкладка Дизайн. Это самая важная деталь для юзабилити (удобство перемещения по блогу)! Продумайте, сколько и какой информации вы планируете размещать у вас в блоге, от этого зависит количество колонок и их расположение.  В шаблонах Blogger можно выбрать от 1-й до 4-х колонок, одна из которых будет содержать ваши записи, а боковые предназначены для вставки гаджетов (виджетов), то есть вывода популярных и важных статей, рубрик, меток, опросов, рекламы, баннеров, нужных ссылок, приглашений, всяких развлекушек , завлекушек и прочего, поэтому постарайтесь выбрать оптимальное количество, чтобы вашим читателям было удобно и комфортно.  После подбора количества колонок можно отрегулировать их ширину так, как вам надо (для этого переходим обратно на вкладку Регулировка ширины).

Рис.5 Вкладка Дополнительно

Изменить цвета и шрифты в Блоггер
 Изменить цвета и шрифты в Блоггер 2

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

Рис.6 Найти код цвета в шаблоне Blogger

Изменить цвет и найти шифр цвета


Для тех кому сложно ориентироваться в названиях, а нужно изменить шрифт или цвет заголовка. Жмем, например «Название блога». Видим шрифты и цвета

Рис 7 Изменить название блога 

Изменить шрифты в Блоггер

Рис.7 Подсказка (что вообще это такое?) выделена красным

Выделенная область изменений в Блоггер

Все! Все изменения сохраняем  - жмем кнопку «Применить к блогу» и переходим опять в административную панель. Просматриваем нашу работу, любуемся, а если что-то не понравилось, то бежим обратно в Шаблоны и исправляемся. Не забываем кнопку «Применить  к блогу» или, если передумали, то там есть ссылка "назад  в Blogger". Ничего страшного, если получившийся дизайн не совсем устроил. Всегда есть возможность исправить все, что нужно или, в крайнем случае, вернуться в стандартные настройки и сделать все заново и по-другому.

Ну, вроде бы закончили работать с дизайнером. Теперь можно поменять шапку блога, то есть вместо безликого пустого места вверху блога нарисовать туда картинку. Берем желаемую картинку размером ровно по ширине вашего блога (то значение в пикселях, что мы записывали или запоминали во вкладке Регулировка ширины), высота может быть любой, но оптимально, чтобы она не заслоняла половину вебстраницы!  Если ваша картинка меньше или больше – редактируем в фотошопе под нужный размер. Можно в фотошопе онлайн или в любом другом графическом редакторе, в котором вы обычно работаете.

Вставить картинку в шапку очень просто. Заходим  во вкладку Дизайн в административной панели Blogger

Рис.8 Изменить дизайн блога. Ищем гаджет (что это такое?) с названием вашего блога и нажимаем Изменить. 

Изменить дизайн шапки


Открывается это окно

Рис.9 Окно редактирования названия блога


Загружаем нужную картинку, сохраняем, смотрим на свой новенький красивый блог и радуемся проделанной работе!

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


суббота, 5 января 2013 г.

Создать блог на Blogger - начинаем с нуля.


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

Первое, что нужно сделать - это зарегистрироваться в Google. Проще говоря, нужно завести свой почтовый ящик или, как правильно выразиться, зарегистрировать аккаунт. Все сервисы Google, а это непосредственно Аккаунт, Я в Интернете - общая информация, Профиль - ваша личная страничка, AdSense - доход от ведения блога (блогов, сайтов), FeedBurner - канал для подписчиков на ваш блог, Gmail - электронная почта, Google Reader - ваши подписки на понравившиеся блоги, Google+ - ваши ссылки, iGoogle - гаджеты, YouTube - для отправления ваших видеозаписей, просмотра и подписки, Веб-альбомы Picasa - редактирование и бесплатный хостинг фотографий и другие сервисы и службы взаимосвязаны между собой, поэтому после регистрации аккаунта вам они станут доступны, в том числе и Blogger для ведения личного блога.

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

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

Стартовая страница Blogger выглядит таким образом:

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

На сегодня все. Регистрируйтесь, создавайте блог на Blogger, поиграйте шаблонами и дизайном. В этом поможет вкладка на административной панели Шаблон -> настроить. Любой шаблон можно настроить под себя, то есть изменить количество колонок, подобрать цвета и размеры шрифтов в заголовках, сообщениях, ссылках и т.д., поменять фоны и даже установить шапку блога из своей личной картинки или фотографии.

Подробно о дизайне блога мы будем говорить в следующий раз. 


Если интересно - жду вас с нетерпением!

пятница, 4 января 2013 г.

Почему Blogspot?

Плюсы платформы Blogspot
Привет всем, кто попал на эту страницу почему Blogspot!
Вопрос задан скорее себе, чем аудитории интернет, и все же, почему именно Blogger, а не другая бесплатная платформа для блоггера?
Постараюсь разобрать по полочкам, что все-таки привлекло меня в этой платформе.
Итак:

1. Это бесплатно! Действительно, домен 3-го уровня получаем совершенно бесплатно, домен 2-го уровня стоит немного денег, а именно десять долларов США в год. Хостинг для блога Google предоставляет бесплатно и без ограничения по времени.

2. Шаблоны Blogger легко настроить под себя. Практически в любом шаблоне можно изменить фон, шапку, шрифты. цвета, количество колонок, отрегулировать ширину любой колонки. Кроме того, много шаблонов для Blogger у сторонних разработчиков. Шаблон можно изменить или подкорректировать в любой момент без риска, что блог "заболеет кривизной". Все изменения в шаблоне проводятся в административной панели Blogger, не нужно вносить изменения в код HTML вручную.

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

4. Отсутствие навязанной рекламы. Рекламу можно разместить при желании самостоятельно в виджете или в теле сообщения, и не только Google Adsense, а любую, какую понадобится (ссылки, баннеры, кнопки, контекстную и т.д. и т.п.).  

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

6. Мгновенная индексация статей. Несмотря на частые заявления, что Яндекс плохо индексирует Blogspotовские блоги, не могу не возразить. Через несколько секунд после публикации статьи в индексе и у Гугла, и у Яндекса.

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

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

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

10. В Blogger есть возможность подтвердить свои права на блог!

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