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

вторник, 21 июня 2016 г.

Что такое поведенческие факторы в блоге и как на них влиять?

Я как-то уже писала о том, что можно сделать, чтобы улучшить показатели блога в глазах поисковиков и занять более высокое место в их рейтинге. Вот еще важный фактор для этого: поведенчески фактор! Поведенческим факторам посетителей блога поисковики в последнее время придают большое значение. От них во многом зависит место блога в поисковой выдаче. Так что же такое "поведенческие факторы"? Это характеристика того, как ведет себя читатель на сайте. Узнать их качество можно из данных Яндекс.Метрики, например. Как ее вставить к себе на блог, я писала ТУТ)

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

Показатель отказов.

Считает нормальным, если его величина до 15%.
Значение можно посмотреть в Яндекс.Метрике. По умолчанию стоит, что отказом считается когда пользователь посмотрел на вашем сайте всего одну страницу и время его пребывания на ней было до 15 секунд (это время можно задать и самим - в настройках счетчика Метрики).
Чтобы его улучшить надо улучшить юзабилити (т.е. удобство для читателя). Например, сделать страницу более информативной, добиться, чтобы с первого взгляда без прокрутки экрана было  понятно, о чем она и что читатель из нее узнает. 
Не надо использовать всплывающие окна сразу при заходе пользователя - их надо ставить ненавязчиво, лучше в конце визита или через некоторое время после его начала. 
Кроме того, время загрузки страниц блога не должно быть большим - иначе посетитель закроет его, даже не посмотрев.
К сожалению, лично у меня на моем основном блоге "Это интересно!" очень большой процент отказов - примерно 70%. Что с этим делать - пока не знаю(((

Глубина просмотра.

Сколько страниц посмотрел человек за один раз зависит от интересности контента и от правильной перелинковски (то есть должны стоять все нужные ссылочки, чтобы читатель мог почитать что-нибудь еще). 
Нормальной считается глубина просмотра от 3 страниц. Но это зависит от тематики (лично у меня на основном блоге уже несколько лет этот показатель колеблется от 1,5 до 2 страниц).
Улучшить глубину просмотров можно, добавив в пост ссылки на похожие посты. Но если делать это через сторонние гаджеты (как делаю я через популярный  LinkWithin), а не напрямую, то тогда это не засчитывается((( 
Ссылок на похожие посты должно быть не сильно много - рекомендуется делать их не более 5 штук, иначе пользователь перестает обращать на них внимание и не будет переходить.

Время на сайте.

Чем больше количество времени, проведенное читателем в блоге, тем лучше. Зависит оно от глубины просмотров и от интересности самого контента. Кроме того, в блоге обязательно должны быть тексты - ведь картинки или видео просматриваются секунды, после чего пользователь уходит. Статью же читать гораздо дольше :)
Нормальным считается время от 1 минуты и более. (у меня в основном блоге в среднем на данный момент 1,48)

пятница, 21 июня 2013 г.

Как сделать описание для поисковых систем. Метатег description

Что это такое и зачем оно нужно? Все просто. То, что по русски назвали как "описание для поисковых систем" на английском звучит как метатэг "description". Это один из очень важных параметров, который необходим поисковикам, чтобы корректно отобразить ваш блог в результатах поиска.
А зачем это нужно обычным людям? Где они увидят это описание? Да там же и увидят - на странице поиска в поисковиках. Я уже как-то рассказывала, что такое сниппет и для чего его улучшать. Так вот, тот кусочек текста, который в поиске отображается под названием найденных постов, и есть то, что вы написали в "описании для поисковых систем". Если же вы ничего не писали, то поисковик сам подставит туда строчку из вашего поста, наиболее полно (с его точки зрения) отвечающую на запрос. А это не всегда то, что нужно. Поэтому гораздо лучше использовать description.
Например, пока я не заполнила описание для поста о мультфильмах, то в поиске он выглядел так.

Как сделать описание для поисковых систем. Метатег description

А теперь он выглядит так. Есть разница?

Как сделать описание для поисковых систем. Метатег description
Кроме того, с описанием очень удобно публиковать ссылку в социальных сетях. Большинство соц. сетей автоматически выводят его и весь нужный текст к ссылке вы уже имеете.

Итак, что же надо, чтобы сделать  описание для поисковых систем?  

понедельник, 23 июля 2012 г.

Что такое постоянная ссылка

Недавно в редакторе сообщений Блоггера в "Настройках" (там, где "ярлыки", "расписание", "местоположение", "параметры") появилась еще одна опция - "Постоянная ссылка".Что же это такое?
Постоянная ссылка, это возможность самим задать адрес ссылки на пост в блоге. Раньше это тоже можно было сделать, но для этого надо было пускаться на ухищрения (их я описывала тут: "Как сделать адрес сообщения в блоге "говорящим"). С появлением же этой опции все значительно упростилось.
Если вы хотите, чтобы ссылка (URL-адрес) поста имела удобочитаемый вид, надо выбрать "Постоянная ссылка" - "Пользовательский URL" и ввести нужный текст латинскими буквами (допускается еще использование цифр и знака "-"). Например, для этого сообщения я ввела "change-URL" и нажала "Готово".

Чтобы увеличить изображение, надо щелкнуть по нему "мышкой"

После этого адрес этого сообщения будет иметь вид: http://blogformyblog.blogspot.com/2012/07/change-URL.html
А если бы я оставила адрес, который Блоггер дает автоматически, то это было бы: http://blogformyblog.blogspot.com/2012/07/blog-post.html

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

понедельник, 23 апреля 2012 г.

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

Общепринятым считается мнение, что чем меньше исходящих внешних ссылок, тем лучше – вес страниц «крутиться» внутри блога и не уходит на другие сайты. (Что такое вес страниц блога, можно прочесть в моем посте "Пузомерки ТИЦ и ПР").

Когда необходимо дать внешнюю ссылку, то ее можно закрыть атрибутом «nofollow».
Чтобы поставить ссылке атрибут  nofollow, надо в редакторе сообщения при вставки ссылки в окошке "Изменить ссылку" включить галочку перед пунктом "Add 'rel=nofollow' attribute".


Тогда вес страницы блога по ней не перейдет, но и в блоге не останется. Он потратиться «в никуда». Поэтому атрибутом «nofollow» лучше пользоваться тогда, когда нет уверенности в контенте сайта, на который ссылаешься, или если это рекламные ссылки.
В Блоггере все ссылки, которые вставляют читатели в комментариях (т.е. те, за которые автор блога не отвечает), уже имеют по умолчанию этот атрибут. 
В остальных случаях, когда исходящая внешняя ссылка на чужой сайт логична, на мой взгляд все-таки лучше ее оставлять открытой – вес ведь все равно потеряется, а так он уйдет в интернет, и пройдя через другие сайты, когда-нибудь вернется на блог )).

Как сделать перелинковку страниц в блоге

Как я уже писала в посте "Какими должны быть ссылки в блоге", чтобы все страницы блога были «задействованы» поисковиками и имели определенный «вес», нужно, чтобы с каждой статьи блога были ссылки на внутренние статьи блога. И на каждую статью должны быть ссылки с других статей. Это называется перелинковка.

как сделать перелинковку

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

Можно пользоваться и внешними плагинами (например, здесь я писала «Как вставить после поста ссылки на похожие посты с помощью виджета Linkwithin»). Они для определения похожих по теме постов используют ярлыки, которые вы этим постам присваиваете. Но надо помнить о том, что тогда это будут не внутренние, а внешние ссылки. И вести они будут с вашего блога на страничку автора плагина или скрипта, а уж потом назад к вам на блог. При этом на вашем блоге ухудшаются поведенческие факторы, такие как время пребывания посетителя.

Чем больше входящих ссылок на страницу, тем больше ее вес. (Про это я писала в посте "Пузомерки ТИЦ и ПР"). Но по исходящим ссылкам вес перетекает на другие страницы. Надо стремиться, чтобы вес распределялся равномерно по всему блогу. Для этого ссылки надо «закольцовывать», чтобы вес, уйдя со страницы, и передавшись по другим, в конце концов возвращался назад на эту страницу.
Если же целью является продвижение каких-то определенных страниц, то нужно делать как можно больше ссылок на нее с других страниц.

Есть специальная программа для проверки ссылок и определения веса страниц - Linkoscop 2. Здесь можно скачать ее бесплатную пробную версию, работающую 72 часа:  http://www.interascope.ru/shop/linkoscop2.html

Если же интересно, как сделать, чтобы ссылка вела не на другое сообщение, а на какую-то часть этого же поста, то об этом можно прочитать здесь.

четверг, 19 апреля 2012 г.

Как подтвердить права на блог в Яндексе для Блоггер

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

как подтвердить права на блог Блоггер в Яндекс

Для добавления блога на странице  "Яндекс. Вебмастер" надо:

суббота, 31 марта 2012 г.

Как писать файл robots.txt

Файл  robots.txt автоматически создается для каждого блога. Увидеть его можно по адресу  http://адрес_блога/robots.txt.
файл robots.txt
В этом файле, предназначенном для облегчения работы поисковых систем, находится список страниц, которые поисковику индексировать не надо. По умолчанию же стоит разрешение на сканирование всех страниц блога. Из-за этого, как я уже писала в посте о дублировании страниц, возникают повторы - страницы с одинаковым содержанием, но с разными адресами: из архива, из списка ярлыков, популярных сообщений и проч.
Также в нем можно запретить сканировать и страницу блога с содержанием, которое является внутренним и не должно попасть в поисковик.

Чтобы это сделать, надо поправить файл  robots.txt.
Доступ к нему возможен из панели управления на Блоггере:  "Настройки" - "Настройки поиска" - "Поисковые роботы и индексация" -  "Пользовательский файл robots.txt".

Вот как выглядит этот файл по-умолчанию:
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://адрес_блога/feeds/posts/default?orderby=updated (по-умолчанию карта сайта берется из RSS).
Allow: / означает, что все содержание блога открыто для сканирования поисковой системой.

На сайте "Шпаргалка блогера" http://shpargalkablog.ru/2010/07/kontent.html советуют закрыть блог для сканирования, а отдельно выписать страницы, сканировать которые нужно:

User-agent: Mediapartners-Google
Disallow:
User-agent: * 
Disallow: /                (не разрешает сканировать блог)
Allow: /*.html$ #      (разрешает сканировать статичные страницы)
Allow: /$ #               (разрешает сканировать Главную страницу)
Sitemap: http://адрес_блога/feeds/posts/default?orderby=updated  (карта сайта берется из RSS)

Другой вариант (взято из блога Seo Блогспот):
перечисляет все страницы, сканировать которые не нужно:

User-agent: Mediapartners-Google
Disallow: /search/
 Disallow: /search/label/        (запрещает сканировать ярлыки)
 Disallow: /*archive.html       (запрещает сканировать архив)
 Allow: /
 Sitemap: http://адрес_блога/feeds/posts/default?orderby=updated
 User-agent: Yandex       (почему-то прописано  для Яндекса отдельно)
 Disallow: /search/
 Disallow: /search/label/
 Disallow: /*archive.html
 Allow: /

Надо заметить, что по некоторым данным, файл  robots.txt является рекомендательным, но не строго обязательным для поисковика. И иногда страницы, запрещенные в нем, все же попадают в индексацию. Поэтому изредка надо просматривать список проиндексированных страниц, напр., в "Гугл. Инструменты для веб-мастеров" (об этом сервисе я писала раньше), и удалять там дублирующиеся страницы вручную.

Параллельно с файлом robots.txt в блоге можно использовать метатег robots, который нужно разместить в шаблоне блога (в самом начале перед head/) (совет от Aldous):

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

четверг, 29 марта 2012 г.

Как писать теги alt и title у картинок

У картинок в HTML-коде есть теги alt и title.
Для чего они нужны и почему советуют их писать?

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

Тег  title - это тот текст, который появиться при наведении на картинку курсора мыши.
Для поисковиков он не так важен. Но, все равно, его советуют прописывать.

Как прописать теги alt и title у картинок:

С недавних пор эта функция появилась во встроенных возможностях Блоггера. Во время редактирования сообщения при нажатии на картинку выдается контекстное меню "Маленький-Средний-Крупный-Исходный размер-....-Добавить подпись-Свойства-Удалить".
Надо выбрать "Свойства" и заполнить поля для title ("текст заголовка") и alt ("альтернативный текст").



Второй способ - править HTML-код сообщения. Об этом я писала в посте "Код картинки и его оптимизация".

Как писать текст в alt и title:
  • Теги должны быть короткими - одно-два слова.
  • Описание должно соответствовать картинке, лучше обойтись без метафор и ничего не значащих фраз типа: "Прелесть!"
  • Слова в тегах должны быть ключевыми.
  • alt и title в одной картинке не должны быть одинаковыми.
  • В title лучше писать чуть-чуть развернутей, чем в alt.

вторник, 27 марта 2012 г.

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

Чтобы шаблон блога не содержал лишних ссылок, надо его немного "почистить". Делается это в "Шаблон"-"Изменить HTML".

Например, чтобы удалить расположенную внизу "Подписаться на: Сообщения (Atom)", надо найти в коде шаблона своего блога строчку <b:include name='feedLinks'/> и просто удалить ее. (Что такое канал Atom и для чего он нужен, я писала ТУТ)

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

Что делать, чтобы не дублировались страницы блога

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


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

Но в "Инструментах для вебмастеров Гугл" пишут так:
Google больше не рекомендует блокировать доступ поисковых роботов к повторяющемуся контенту с помощью файла robots.txt или иных способов. Если поисковые системы не имеют возможности сканировать страницы с повторяющимся контентом, то они не смогут автоматически определять, что разные URL имеют одинаковый контент, и будут обращаться с ними как с уникальными страницами. Наилучший выход из этого положения – разрешить поисковым системам сканировать все URL, предварительно отметив их как повторяющиеся с помощью элемента link rel="canonical", функции обработки параметров URL или переадресации 301. Если на вашем сайте очень много страниц с повторяющимся контентом, рекомендуется настроить скорость сканирования в Инструментах для веб-мастеров. Если на вашем сайте хранится несколько страниц с почти одинаковым контентом, вы можете указать предпочитаемый URL для Google. Такая процедура называется "канонизацией".
Несмотря на это, многие  блоггеры все-равно советуют убирать из индексации определенные страницы. В основном архив и ярлыки. Дальше я напишу о том, как поправить файл robots.txt.

Что с блогом делать НЕ НАДО

Тут я писала правила о том, что с блогом делать НАДО.
А теперь попробую сформулировать правила, что с блогом делать НЕ НАДО:
  1. Не надо пользоваться "черным" SEO. То есть пытаться обмануть поисковики. Напр., вставляя определенные тексты и ссылки одного цвета с фоном или "нулевого" шрифта.
  2. Гугл предостерегает от участи в системе PageRank и других способах искусственного получения внешних ссылок (а также чрезмерного увлечения "обменом ссылками" - ты мне, я тебе).
  3. Также Гугл предостерегает от использования запрещенные компьютерные программы для отправки информации о сайте, проверки его рейтинга и т.д. Не рекомендуется использовать программы, отправляющие Google автоматические и программные запросы, например WebPosition Gold™.
  4. Не надо делать так, как сделала я со своим основным блогом: скопировала туда все статьи из других ресурсов. В результате я получила балласт из неуникальных статей  - поисковики их уже индексировали на тех ресурсах, поэтому мои посты считаются теперь плагиатом. Надо было хотя бы переписать их заново, а не пользоваться копипастом.
  5. Не надо дублировать свои статьи - например, написать для кого-то пост, а потом поместить его и у себя на блоге. Это тоже будет плагиатом и снизит рейтинг блога в глазах поисковика.
  6. Не надо оставаться на блогспотовском домене. При создании блога я сразу на перешла на свое доменное имя, и получила огромные проблемы с тем, что Блоггер ввел региональные домены, а Яндекс неправильно склеил их.

понедельник, 26 марта 2012 г.

"Пузомерки" ТИЦ и PR

Так называемые "пузомерки" - это показатели, которые формируют поисковики для определения рейтинга блога.
Самые известные из них ТИЦ у Яндекса и PR у Гугла.

ТИЦ - тематический индекс цитирования. Чем больше чужих сайтов и блогов ссылаются на блог, чем сами эти сайты более весомы, тем ТИЦ выше. Яндекс утверждает, что ТИЦ не влияет на место блога в его выдаче по запросам.
Тогда зачем нужен ТИЦ? Ведь Яндекс не учитывает его. Он нужен для блогов и сайтов, которые зарабатывают продажей ссылок.


Яндекс рассчитывает ТИЦ из следующих соображений:
  • количество ссылок на блог;
  • с каких именно ресурсов, какой их ТИЦ;
  • насколько совпадают эти ресурсы с блогом по тематике.
ТИЦ блога имеет величину от 0 до  210000 (ТИЦ самого Яндекса). Он рассчитывается для всего блога целиком и обновляется раз в месяц.

PR (ПР) - Page Rank. Похож на ТИЦ. Но проводится по каждой странице блога отдельно и влияет на место блога в выдаче Гугл. Бывает от 1 до 10. Обновляется раз в несколько месяцев. ПР страницы "передается" по внешним ссылкам. Т.е. если у страницы блога ПР 4 (для новых блогов при правильной внутренней перелинковке (как ее делать, я писала в посте "Как сделать перелинковку страниц в блоге") и малом количестве внешних ссылок это нормально) и там стоит одна внешняя ссылка на чужую страницу, то ей перейдет  85% ПР. Конечно, так не бывает. Обычно исходящих внешних и внутренних ссылок на странице несколько и ПР распределится всем поровну. Зная это, можно поднимать ПР определенных страниц в блоге. Ставить на них внутренние ссылки со страницы, ПР которой больше. ПР с хорошей страницы как бы растекается по всему блогу. Но у самой этой страницы он тогда уменьшается. Поэтому надо соблюдать умеренность.
Тут я писала "Как закрывать внешние ссылки атрибутом nofollow"

Как проверить ТИЦ и ПР своего блога я писала в посте "Как проверить рейтинг блога у поисковиков".

Что такое сниппет и для чего его улучшать

Сниппет в поисковике - это фрагмент текста, относящийся к блогу, который отображается на странице поисковика после того, как он нашел нужную информацию.

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

Некоторые подробности:
  • Mета-тег title (заголовок сниппета) определяет заголовок страницы (то есть название вашего поста).
  • Для Гугла сам сниппет (описание, что находится в посте) можно задать в мета-тег description на странице (как это сделать, я писала ЗДЕСЬ) Для Яндекса такое невозможно, он описание формирует сам, но если участвовать в Яндекс.Маркет, то там можно на это повлиять.
  • Фавикон (иконка блога) выдается в поиске Яндекса. У Гугла такой возможности нет.
Обычно сниппеты выглядят так (поиск в Гугл по слову "сниппет"):

Сниппет — Википедия
ru.wikipedia.org/wiki/Сниппет
Сниппет (англ. snippet — фрагмент, отрывок) — программный термин, обозначающий небольшой фрагмент исходного кода или текста, пригодного для ...

В первой строчке (заголовке сниппета) жирно выделены те слова, что искали пользователи, во второй строчке адрес страницы сайта или блога, потом сам сниппет - фрагмент текста из блога, в котором есть нужные слова.
Но в Блоггере по умолчанию получается сниппет, в котором на первой строке название блога, только потом сообщения с ключевым словом, а потом сам сниппет.
Т.е. в шаблоне блога написано
<title> название блога - заголовок страницы </title>, а надо бы
<title> заголовок страницы - название блога </title>
Например, вот так выглядит сниппет моего блога (поиск Гугл по сайту слова "сниппет"):

Блог ради блога
blogformyblog.blogspot.com/
23 ч. назад – Сниппет в поисковике - это фрагмент текста, относящийся к блогу, который отображается на странице поисковика после того, как он ...

Изменить его можно так:
"Шаблон"-"Изменить HTML". С помощью Ctrl-F ищем <title><data:blog.pageTitle/></title>
И меняем его на такой:
<b:if cond='data:blog.pageType == "index"'>

  <title><data:blog.pageTitle/></title>
<b:else/>
  <title><data:blog.pageName/> :: <data:blog.title/></title>
</b:if>
(взято у http://www.aboutblogger.ru/2011/08/optimizatciya-zagalovkov-stranitc-bloga.html)


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

Что такое сниппет и для чего его улучшать :: Блог ради блога
blogformyblog.blogspot.com/2012/03/snippet.html
26 мар 2012 – Но в Блоггере по умолчанию получается сниппет, в котором на первой строке название блога, только потом сообщения с ключевым ...


HTML-код картинки в блоге и его оптимизация

При добавлении картинки в блог Блоггер создает ее HTML-код, который можно посмотреть и исправить при редактировании сообщения в режиме "HTML".
Картинка в HTML имеет вид <img src="адрес" />.
Параметр src - адрес файла картинки.
После "адреса" можно вставлять нужные параметры - центрирование, размеры, рамка, описание и т.п.
Кстати, если вам надо вставить не просто картинку, а такую, чтобы при нажатии на нее осуществлялся переход по какому-то адресу, то об этом здесь.

Как я понимаю, минимально код должен выглядеть так:
<a href="URL"><img src="адрес_картинки" width="ширина_картинки" height="высота_картинки" alt="описание картинки"/></a>
По умолчанию в Блоггере картинка ставится со ссылкой на адрес ее полноразмерного варианта в Веб-альбоме Пикаса и ее месторасположение на странице блога (лево, центр, право), с рамкой вокруг картинки.
Вот тут я вставляю свою картинку из веб-альбома Пикаса:


Ее код такой:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-M6sLaxFVyuA/TzJlodOtyBI/AAAAAAAAGj4/D06B03JP86A/s1600/108_%25D0%25B5%25D0%25BB%25D0%25BE%25D1%2587%25D0%25BD%25D1%258B%25D0%25B5+%25D0%25B8%25D0%25B3%25D1%2580%25D1%2583%25D1%2588%25D0%25BA%25D0%25B83.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://4.bp.blogspot.com/-M6sLaxFVyuA/TzJlodOtyBI/AAAAAAAAGj4/D06B03JP86A/s320/108_%25D0%25B5%25D0%25BB%25D0%25BE%25D1%2587%25D0%25BD%25D1%258B%25D0%25B5+%25D0%25B8%25D0%25B3%25D1%2580%25D1%2583%25D1%2588%25D0%25BA%25D0%25B83.JPG" width="320" /></a></div>


Расшифровка некоторых параметров (взята мною из "Шпаргалки блоггера") 

Тег </div> определяет место расположения изображения.
<div style="text-align: center;">.....</div>

Параметр text-align указывает центрирование картинки, напр.,  text-align: center означает, что картинка расположена по центру.

Параметр  border - толщина рамки вокруг картинки. По умолчанию ставится в том случае, если картинка является ссылкой (а у Блоггера это всегда), при этом border="0".
<img src="адрес" border="0" />
Если хотите поменять толщину, стиль или цвет рамки, то можно поставить нужные параметры, например border: 2px solid # 992211 даст рамку толщиной в 2 пикселя стиля "жирный" синего цвета.

Стиль рамки может быть таким:
solid - жирная
double - двойная линия
groove - объемная "тень"
ridge - объемная "тень"


Параметр /s1600/  или /s320/ в адресе - определяет размер картинки по длинной стороне.
Т.е. изменив значение здесь, можно вставить  картинку  не только как предлагается  "маленький, средний, крупный, очень крупный, исходный". Если выбрать "исходный размер", картинка умещается в ширину сообщения.
Значения могут быть такими:  s1600 (соответствует "исходный размер"), s800, s600 (очень крупный),  s512,  s400 (крупный), s320 (средний), s200 (маленький), s150,  s144,  s150,  s72-с (для гаджета "Популярные сообщения"), s64,  s48.
-с после цифр добавляется, если нужно, чтобы изображение было квадратным. Иначе оно пропорционально уменьшается-увеличивается. Не рекомендуется использовать большие значения, если размер исходного изображения меньше - картинка будет нечеткой.

Параметры  width и height  обязательные, они задают ширину и высоту картинки, видимой в блоге.  Их нет при выборе варианта вставки картинки "Исходный размер".
Нужны для того, чтобы браузеру не нужно было определять размеры картинки - это ускоряет загрузку.

В Блоггере автоматически не формируется один из очень важных параметров - alt, который вообще-то является обязательным для кода изображения. Его можно вставлять вручную при редактировании HTML. 
Тег  </alt> - текст, который будет виден, если изображение по каким-то причинам не появилось. Он важен для поисковиков, помогая им индексировать картинки.
<img src="адрес" border="0" alt="описание картинки" />
При выборе варианта "Исходный размер" этого параметра нет.

Параметры  title и alt  тоже рекомендуется вставлять вручную. 
Title нужен для того, чтобы при наведении мыши на картинку появлялся текст. 
Аlt нужен для словесного описания картинки (если, например, по какой-то причине она не загрузилась или для вставки в некоторые соцсети).
Для поисковиков это один из важнейших параметров картинки.
<img src="адрес" border="0" alt="описание картинки" title="описание картинки" />

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

Теперь приведем нашу картинку к виду, который выполняет рекомендации по оптимизации блога из поста "Какими должны быть картинки в блоге".
Меняем HTML картинки на такой:
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="480" src="http://4.bp.blogspot.com/-M6sLaxFVyuA/TzJlodOtyBI/AAAAAAAAGj4/D06B03JP86A/s600/108_%25D0%25B5%25D0%25BB%25D0%25BE%25D1%2587%25D0%25BD%25D1%258B%25D0%25B5+%25D0%25B8%25D0%25B3%25D1%2580%25D1%2583%25D1%2588%25D0%25BA%25D0%25B83.JPG" width="600" /border="0" alt="елочные игрушки" title="Елочные игрушки" / ></div>
У нас осталась еще одна проблема - имя файла. Картинки названа на русском языке, поэтому имя отображается в виде ужасных корябушек :) По-хорошему, картинку на диске надо переименовать в соответствии с требованиями, а уж потом вставлять в веб-альбом.
Вот что у нас получилось:

елочные игрушки

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

воскресенье, 25 марта 2012 г.

Для чего нужен Яндекс вебмастер

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


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


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

Какими должны быть изображения в блоге: 5 требований

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

  1. Быть уникальными. Желательно именно собственными. Уникальность картинки можно проверить на сайте TinEye. При этом собственные картинки лучше защищать от копирования хотя бы с помощью надписи (как иногда говорят, "водяного знака") на них. В статье "Как поставить текст на фото в Пикаса" я рассказывала об этом. 
  2. Исходный файл с картинкой должен иметь имя, соответствующее содержанию. Т.е. фото с морским пейзажем должно называться не Р17654. jpg, а more.jpg. Имя должно состоять из латинских букв, цифр и вместо пробела желательно использовать подчеркивание.
  3. Неплохо при добавлении в Блоггере вставлять описание картинки в "Подпись картинки".
  4. В ссылке на картинку надо использовать ключевые слова. Не просто "смотреть тут", а смотрите, какой красивый морской пейзаж.
  5. Чтобы Гугл и Яндекс находил картинки, в их код нужно вписывать ключевые слова с помощью тегов "alt" и "title". Что это такое и как это сделать я писала в постах "Как писать теги alt и title у картинок" и HTML код картинки и его оптимизация.
P.S. С октября 2012 года Яндекс практически перестал индексировать изображения из Пикасса. Если вы рассчитываете на поисковый трафик  с картинок, то фото лучше тогда загружать через Яндекс.Фотки. Там они будут индексироваться.

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

Другие посты о том, что касается вставки изображений в блог, можно увидеть здесь:
Почему появляется серый фон на фото при вставке его в блог
3 способа вставить в блог слайд-шоу из фотографий
Как проверить текст и фото на уникальность
Как сделать гиф-аннимацию из фото
Как писать теги alt и title у картинок
HTML-код изображений в блоге
Как в Пикаса ставить текст на фото
Второй способ написать текст на фото

Как узнать, какие картинки проиндексированы в поисковиках

Чтобы увидеть, сколько и каких картинок проиндексировано в поисковиках, можно сделать так:

Зайти в поиск Яндекса, выбрать "Расширенный поиск" - "Картинки" -"Находятся на сайте" пишем адрес своего блога.


Зайти в поиск Google. В поле поиска пишем "site:адрес_блога". И Выбираем "Картинки".


Если картинок мало, то надо подумать над тем, как оптимизировать их индексацию. Тут пригодятся советы из моего поста "Какими должны быть картинки в блоге".

Как узнать о том как выглядит блог в глазах Гугла

Чтобы узнать, как блог выглядит в Интернете с точки зрения Гугл, хорошо использовать "Инструменты для веб-мастеров Гугл".



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


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

суббота, 24 марта 2012 г.

Как вставить поиск по блогу

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

1.  Стандартный гаджет в самом Блоггере "Окно поиска".
Добавляется в "Дизайн" - "Добавить гаджет" и выбрать из списка "Окно поиска".


2. Вставить внешний поиск по сайту от Гугл.
На http://www.google.ru/cse/ проходим регистрацию и полученный код вставляем в Блоггере в стандартный гаджет "НTML JavaScript". Его внешний вид идентичен гаджету в Блоггере.


3. Вставить внешний поиск по сайту от Яндекс.
На http://site.yandex.ru/ можно пройти регистрацию и получить код для вставки в Блоггер. Дополнительным плюсом является то, что Яндекс проиндексирует страницы, на которые переходили по внутренним ссылкам, и это повысит рейтинг блога в его глазах..


А вот тут можно узнать, как вставлять в блог другие полезные вещи:
Как вставить музыку в блог
Как вставить проверку орфографии
Как вставить социальный плагин от Фейсбука
Как вставить виджет от ВКонтакте
Как вставить свои кнопки социальных сетей
Как вставить презентацию в блог
Как вставить после поста ссылки на похожие посты с помощью LinkWithin
Как сделать галерею ссылок с помощью InLinkz
Как вставить счетчик посещений с флагами Flagcounter
Как вставить баннер в блог
Как вставить в блог рассылку по электронной почте
Какие кнопки счетчиков поставить в блог
Как перевести свой блог на другие языки

Какими должны быть ссылки в блоге

Ссылки в блоге делятся на внешние (когда переход выполняется на чужие сайты и блоги) и внутренние (когда переход выполняется на другие страницы этого же самого блога).
Чтобы подходить под требования поисковых систем, ссылки блога должны соответствовать некоторым требованиям:
  1. В сообщении не должно быть ссылок на "некачественные" ресурсы (порно, вирусные, рекламные).  Как, кстати, не должно быть и ссылок с таких ресурсов на блог (но на это повлиять мы не можем).
  2. Очень вредно покупать и продавать ссылки - внезапное быстрое увеличение ссылочной массы (или внезапная ее потеря) вызывает подозрение у поисковиков и ведет к наложению санкций.
  3. Ссылка должна давать представление о том, куда она ссылается. Т.е. плохо, если ссылка (точнее ее анкор - тот текст, который мы пишем) выглядит как "читать здесь" или "тут", а хорошо, когда написана полная фраза. Хотя в последнее время всякие "тут" и "здесь" поисковиками заносятся в плюс к поведенческим фактором, то есть считается, что такая ссылка "естественная", а не "рекламная SEOссылка", поэтому это тоже хорошо.
  4. Должно быть как можно меньше внешних ссылок. Теоретически, должен соблюдаться баланс - сколько ссылок входит, столько выходит. Хотя исходящие ссылки на "качественные" ресурсы вашей тематики поисковиками занесутся в плюс поведенческим факторам. Но если исходящая ссылка не по теме блога (например, у вас "мамский блог", а вы поставили в нем ссылку на сборник анекдотов или музыкальный сайт) - то это очень плохо. Такие ссылки надо закрывать для поисковиков: когда вставляете ссылку через форму в редакторе Блоггера, то надо поставить галочку напротив пункта "Добавить атрибут rel=nofollow "
  5. Картинки, которые вставляются в блог - тоже внешние ссылки, которых нужно избегать. Можно из блога эти ссылки удалить. Для этого во время редактирования сообщения надо выбрать "Изменить HTML" и в строке, где адрес изображения вида <a href="URL картинки"><img src="URL картинки"/></a>  убрать в начале <a href="URL картинки">, а в конце тег </a>. Но после этого картинки перестанут открываться в большом окне и будут доступны для просмотра только в том виде, в каком они видны на странице сообщения. Более подробно о HTML-коде картинки здесь.
  6. Все страницы внутри блога должны быть связаны между собой (т.н. внутренняя перелинковка) и должны находиться от Главной не дальше двух-трех "кликов". Это реализуется такими инструментами как добавления кнопки "Предыдущая-Сдедующая", и гаджетов Ярлыки, Архив, Последние публикации, Популярные сообщения. А так же хорошо использовать внутренние ссылки в тексте сообщения.   
  7.  Не должно быть "битых" ссылок - на их наличие надо периодически блог проверять, например здесь: "Гугл. Инструменты для вебмастеров" -"Диагностика"-"Ошибки сканирования"-"Ошибки URL" или на бесплатном он-лайн сервисе http://www.internetmarketingninjas.com/tools/.
  8. Большая часть внутренних ссылок должна идти на страницу, которую вы продвигаете. Но надо остерегаться, чтобы больше всего было ссылок на главную - лучше всего продвигать весь блог равномерно.
  9. В блоге ссылки не должны быть только текстовые - рекомендуется минимум 25% отнести на безанкорные ссылки и ссылки с изображений.
Здесь можно прочитать подробнее о том, что такое вес страниц, как он распределяется.
Еще я писала о том, как можно "почистить" шаблон блога от лишних ссылок.

Прочитать о том, какие есть требования к остальным составляющим блога можно в посте "Что  делать, чтобы поисковики увеличили доверие к блогу".
Related Posts Plugin for WordPress, Blogger...