Крупное SEO обноление для Blogger (Blogspot)

вторник, 27 марта 2012 г.
Не прошло и трех лет как Blogger наконец-то обратил внимание на возможности оптимизации блога. Разработчики постоянно что-то улучшали в дизайне, функциональности, социальных функциях, а, казалось бы, такая близкое для Google поисковая оптимизация оставалось в тени. Были какие-то хаки и пользовательские попытки оптимизации МЕТА тегов Blogger за счет создания динамических описаний, но все это смотрелось не очень профессионально и местами сомнительно. Но нашим с вами мучениям пришел конец.
Спешу вам сообщить, что создатели платформы выпустили обновление с разными настройками для поисковиков. Если вы только создаете или уже давно ведете свой проект, важно быть уверенным, что вся информация (тексты, изображения) корректно индексируется и полностью представлены в поисковых системах. Именно для этого разработчики внедрили парочку полезных функций.
Большая их часть доступна в пункте меню раздела "Настройки" под названием "Настройка поиска". Здесь страница поделена на 3 основных блока:
  • "Метатеги"
  • "Ошибки и переадресации"
  • А также "Поисковые роботы и индексация"
Еще некоторые опции проявляются также в других местах админки. Так, например, если в первом блоке настроек выбрать включение МЕТА тегов, тогда сможете, во-первых, указать описание (description) для главной страницы блога, а во-вторых, для каждого поста (записи) появится новый пункт с МЕТА информацией для всех постов! Замечательная возможность оптимизации сайта.
Итого МЕТА тег title вы задаете за счет заголовка статьи, а description теперь можно дописать в настройках. Ключевые слова (keywords) по словам Google уже давно не учитываются. Поэтому теперь есть все возможности для проведения такого обязательно пункта внутренней оптимизации интернет проекта как задание МЕТА тегов.
Кстати, для владельцев нестандартных шаблонов и того хака, о котором я говорил с самого начала - у меня на этом блоге description вывести не получилось, но на другом тестовом со стандартным шаблоном и без хаков все работало.
Во втором блоке поисковых настроек обрабатываются такие важные моменты как страница ошибки 404 и редиректы. По умолчанию для 404 ошибки выводится текст "Страница не найдена", но вы можете заменить ее любым HTML кодом до 10тыс. символов под стиль сайта.
Пользовательские переадресации полезны для задания новых адресов внешним ссылкам на ваш сайт. Например, создали статью с адресом "..url1.html", но потом решили поменять ее на "..url2.html ". В это же время другие пользователи решили поделиться информацией про "..url1.html" или вы ранее заказывали продвижение по этому запросу. Так вот переходя по ссылками посетители будут попадать на несуществующую страницу, ведь у поста теперь адрес "..url2.html ". Дабы не терять посетителей используем эту самую возможность редиректа.
Также крутые изменения нас ожидают в блоке "Поисковые роботы и индексация". Для начала вам доступно редактирование файла robots.txt, где вы можете задать что индексировать, что нет. Еще более крутая возможность - Персонализированные теги Robots для заголовков.
Здесь, во-первых, вы можете закрыть от индексации страниц архивов и поиска - это избавит вас от дублированного контента. Во-вторых, при написании поста у вас опять же появится дополнительный блок настроек Robots - то есть для каждой отдельно записи можно установить свои настройки, что есть очень гибко. В "Настройках поиска" для записей вы просто определяете общий формат, а потом уже в конкретных потах можете его менять.
Учитывая то, что последний блок опций рассчитан на более продвинутых пользователей, вы можете видеть в админке соответствующее предупреждение. Неправильная настройка Robots может вообще исключить сайт или важные страницы из поисковых систем - поэтому нужно разбираться в том, что делаете.
Кстати, и это еще не все. В текстовом редакторе для инструмента работы со ссылками была добавлена возможность указывать ссылкам атрибут "rel=nofollow". С его помощью вы можете указать, что та или иная ссылка не будет учитываться при прохождении поисковиком по странице + также она не будет передавать ссылочный вес (насколько я знаю).
В принципе, атрибут для ссылок rel=nofollow можно было ставить вручную и раньше (через HTML версию) редактора, но так это делается намного быстрее и нагляднее для пользователей-новичков.
Вот и все. Нужно сказать, что это просто мега SEO апдейт для Blogger! По глобальности можно сравнить разве что с запуском Дизайнера шаблонов. По этому поводу в справке найдете целый раздел про SEO фишки для блоггера (на английском), позволяющие увеличить трафик. Безусловно очень нужное и важное обновление, которое ждали очень многие. Фактически отсутствие вообще каких-либо SEO настроек было основной и единственное проблемой системы, которая мешала создавать полноценные сайты с возможностью их поисковой оптимизации. Теперь все кардинально изменилось.
P.S. Создавая интерне проект во всемирной паутине перспективно, бизнес в интернете постепенно набирает все большие обороты, рынок развивается и растет.
Уже немного заработав на счастливую старость, можно купить фонтан для дачи или загородного дома и порадовать себя красивым элементом дизайна.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Бесплатное продвижение сайта с помощью Sepool.com

вторник, 20 марта 2012 г.
Так уж сложилось, что владельцы новых только что созданных сайтов для привлечения аудитории должны обязательно проводить раскрутку (без этого в интернете никак нельзя). А для продвижения, разумеется, нужны финансовые затраты, что себе может позволить далеко не каждый начинающий интернет-предприниматель. Получается своего рода замкнутый круг, но к счастью, в сети существуют так называемые бесплатные методы продвижения. С их помощью создатель сайта может раскрутить свой проект с минимальными затратами. Одним из подобных методов есть обмен ссылками - будь то статьи, обзоры или линки на дружественные проекты. Сервис Sepool.com позволяет все эти варианты использовать максимально эффективно и удобно.
Вообще Sepool - разноплановый проект. С одной стороны это что-то вроде социальной сети с личным профилем, возможностью общения с другими оптимизаторами, обмена опытом и т.п. С другой - он позволяет реализовать бесплатное продвижение сайта за счет обмены ссылками. Так или иначе плюсы сервиса очевидны. Некоторые говорят, что обмен ссылками, популярный в далекие 2000 годы не так эффективен, но это ошибка. Тематические ссылки будь то купленные в биржах или размещенные по обоюдной договоренности всегда будут полезны развивающемуся сайту.
Для начала работы с сервисом нужно зайти на www.sepool.com и зарегистрироваться. Дальше попадаете в свою учетную запись, где есть следующие основные инструменты:
  • Моя страница - ваш персональный профиль (стена).
  • Мои сайты - для добавления своих проектов или продвигаемых вами сайтов, готовых к обмену.
  • Мои материалы - содержит статьи, заметки для публикации, а также продвигаемые запросы и т.п.
  • Заявки на обмен - здесь размещается информации по всем заявками и их состоянию - ожидающие проверки, индексации, требующие доработки и т.п.
  • Обменяться - для поиска партнеров и создания заявок на обмен.
  • Списки - возможность создания белых и черных списков для более эффективной работы.

В принципе, часть функций также доступна из левого бокового меню, где кроме всего прочего есть сообщения, настройки, кампании и т.п. Все сделано достаточно просто и удобно, мне понравился интерфейс, быстро привыкаешь и разбираешься в нем.
Вот, кстати, небольшое видео по всем возможностями системы SePool:
Сервис весьма интересный и очень полезный. По сути, здесь реализованы все возможности популярных бирж ссылок с тем лишь отличием, что тратиться на размещение вам не нужно - все производится за счет бесплатного обмена. Можно выделить несколько основных особенностей и преимуществ:
  1. Наличие социальной составляющей - в SePool можно создать персональную страницу как в соц.сетях, заводить полезных знакомства, общаться по тематике с профессиональными оптимизаторами.
  2. Эффективность продвижения может быть достигнута за счет обмена только с качественными площадками и уникальными статьями. Можно с легкостью управляться с несколькими проектами одновременно.
  3. Контроль качества - можно отслеживать скорость размещения, качество, индексацию заметок и т.п. Есть белые и черные списки.
  4. Все это абсолютно бесплатно.
Вообще, конечно, по каждому из пунктов можно было бы рассмотреть функциональность Sepool.com более детально, но самый лучший вариант вникнуть в суть проекта - попробовать его на практике. Регистрируйтесь, добавляйте туда свой сайт, ищите площадки для обмена и договариваетесь о взаимном размещении статей друг друга. Ничего сложного в этом нет.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Виджеты в динамических шаблонах

пятница, 16 марта 2012 г.
Вы находитесь в поисках подходящего шаблона или нового дизайна для блога?.. и не боитесь применить ультра современный яркий подход, то возможно вас заинтересует специальные Динамические шаблоны (Dynamic Views). Если вкратце рассказывать о них, то можно сказать, что это набор весьма оригинальных шаблонов для проекта, которые позволяют посетителям легко, быстро и эффектно просматривать ваш блог. В центре "всей композиции" проекта и главным его элементом становится контент, а все остальные детали максимально упрощены. Есть конечно и меню с некоторой навигацией, но все это сделано очень простым дабы не отвлекать посетителей от чтения.
Визуально дизайны выглядят, например, в виде журнала, графической мозаики или текста на весь экран со списком публикаций и т.п. Нагляднее, думаю, будет один раз увидеть как это работает:
Собственно подключить эти Динамические шаблоны вы можете в разделе "Шаблон". При наведении на них можно будет кликнуть и посмотреть как блог будет выглядеть в том или ином виде, а после уже применять.
Признаюсь, данная простота подкупает - получается такой себе реальный и настоящий блоггинг без всякой мишуры в виде рекламы, каких-то непонятных виджетов, блоков, пузомерок - только вы и ваш блог. С другой стороны, некоторые проекты достаточно сложно воспринимать как набор текстов, хочется, как минимум, нормальной навигации и чуть больше возможностей по работе с сайтом. Именно поэтому разработчики выпустили специальные виджеты для Динамического вида. Но и здесь проявилась вся "сила минимализма" разработчиков - все элементы реализованы в виде слайдера, который появляется как только вы наводите на него курсор мышки, а потом также быстро исчезает.
В данный момент для Динамических шаблонов поддерживаются такие виджеты как: архив блога, фолловеры, метки (теги), профиль, подписка (новый виджет, который автоматически отображает либо подписку на почту либо возможность зафолловить), а также список полезных ссылок. Данный набор функциональных элементов позволит посетителям чуть более комфортно чувствовать себя на вашем блоге и иметь дополнительные возможности навигации + подписки (фолловинг или RSS).
Если вы в данный момент используете обычный шаблон и переключитесь на Динамический, то виджеты автоматически появятся в блоге. Их можно добавлять, убирать, а также настраивать в разделе админки "Дизайн" как и для обычного макета.
Что касается общего впечатления от нововведения, то безусловно эта фишка очень полезна как для посетителей блогов, так и для самих авторов. Тем, кто занимается блоггингом больше для себя и уже успел установить Динамические шаблоны, данные улучшения должны прийтись по вкусу. Как уже сказал выше, данный минимализм в дизайне позволяет максимально сконцентрироваться на контенте (текстах) и не отвлекаться на другие примочки и (зачастую) бесполезные фишки. Я, конечно, больше любитель классических шаблонов, но Динамический вид мне очень нравится.
P.S. Практически все сеошники рунета принимают участие в акции SEOCAFEинфошность победителем станет тот, кто сумеет продвинуть слово в топы поисковиков.
Пуэр удивительно воздействует на сознание. Купить чай пуэр в москве по доступной цене можно в магазине "Китайский Обычай".
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Слайдер «Избранные материалы» (Featured Content) для Blogger

вторник, 6 марта 2012 г.
Слайдеры Featured Content - настоящий тренд 2011 года для шаблонов таких платформ, как Wordpress. Это подборка лучших (избранных) материалов блога, которые располагаются, как правило, на главной странице. Все это сопровождается различными графическими эффектами  переходами. С одной это достаточно красиво и оригинально смотрится, с другой весьма информативный и функциональный блог, позволяющий сделать анонсы нескольких статей в одном блоке. Шаблоны в стиле magazine использовали данные слайдеры, можно сказать, повсеместно. Как-то я в Wordpress inside даже рассматривал плагин Content Slide для слайдера (слайдшоу лучших постов). Оказывается подобная функциональность может быть реализована и для Blogspot. 
К сожалению, соответствующий виджет для Blogger`а реализовать не так просто, это не вам не плагины WP, тут придется править код шаблон, тем не менее, главное, что это возможно. Решение вопроса я нашел на сайте BloggerMint за что авторам хака большое спасибо. Думаю, многим этот виджет может пригодиться. 
Итак, приступим.
Шаг 1
Делам бекап шаблона, заходим в редактор кода, находим тег <head> и вставляет сразу после него:
<link  href='http://sites.google.com/site/bloggermintcom/style1.css' rel='stylesheet'  type='text/css'/>
Таким образом мы загрузили css-стиль по-умолчанию.
Шаг 2
Если вам нужно изменить размеры или другие параметры оформления слайдера, находим  ]]></b:skin> и вставляем перед:
#featured{
width:400px;
padding-right:250px;
position:relative;
border:5px solid #ccc;
height:250px;
background:#fff;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:250px;
}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px;
font-size:12px;
color:#666;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#featured li.ui-tabs-nav-item a{
display:block;
height:60px;
color:#333;  background:#fff;
line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured li.ui-tabs-selected{
background:url('http://i47.tinypic.com/6jojr4.jpg') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}
#featured .ui-tabs-panel{
width:400px; height:250px;
background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:180px; left:0;
height:70px;
background: url('http://2.bp.blogspot.com/_ubwIhqPcR6M/TNv3EFphS6I/AAAAAAAABHE/iZ0jSrh-E_c/s1600/transparent-bg.png');
}
#featured .info h2{
font-size:18px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#featured .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none;
}
Редактируем по собственному вкусу.
Шаг 3
Далее займемся самим виджетом. Находим <div id='content-wrapper'> и вставляем перед:
<div id='featured'>
     <ul class='ui-tabs-nav'>
         <li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt='pic1' src='http://i49.tinypic.com/e1aohv.jpg'/><span>Install Mac OS X on Intel/AMD PC using iATKOS v7</span></a></li>
         <li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'><img alt='blogger' src='http://i438.photobucket.com/albums/qq108/fooble11/image2-small.jpg'/><span>How to remove &quot;showing post with label&quot; in Blogger</span></a></li>
         <li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'><img alt='buzz' src='http://i438.photobucket.com/albums/qq108/fooble11/new1.jpg'/><span>How to add Google Buzz to Blogspot blog</span></a></li>
        <li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-4'><img alt='chat' src='http://i50.tinypic.com/34xfg4m.jpg'/><span>Chat live with your blog visitors using Yahoo Pingbox</span></a></li>
     </ul>
     <!-- First Content -->
     <div class='ui-tabs-panel' id='fragment-1' style=''>
        <img alt='mac' src='http://i47.tinypic.com/rsbi80.jpg'/>
<div class='info'>
         <h3><a href='#'>Install Mac OS X on Intel/AMD PC using iATKOS v7</a></h3>
         <p>Description goes here, this is just a test description....<a href='http://www.bloggermint.com/2010/02/install-mac-os-x-on-intelamd-pc-using.html'>read more</a></p>
         </div>
     </div>
     <!-- Second Content -->
     <div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
         <img alt='' src='http://i50.tinypic.com/33kprh5.jpg'/>
         <div class='info'>
         <h3><a href='#'>How to remove &quot;showing post with label&quot; in Blogger</a></h3>
         <p>Description goes here, this is just a test description....<a href='#'>read more</a></p>
        </div>
    </div>
     <!-- Third Content -->
     <div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
         <img alt='' src='http://i47.tinypic.com/2191lqt.jpg'/>
         <div class='info'>
         <h3><a href='#'>How to add Google Buzz to Blogspot blog</a></h3>
         <p>Description goes here, this is just a test description....<a href='#'>read more</a></p>
         </div>
     </div>
     <!-- Fourth Content -->
     <div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
         <img alt='' src='http://i48.tinypic.com/10pwp3o.jpg'/>
         <div class='info'>
         <h3><a href='#'>Chat live with your blog visitors using yahoo</a></h3>
         <p>Description goes here, this is just a test description....<a href='#'>read more</a></p>
         </div>
     </div>  </div>
Этим кодом мы собственно и добавляем анонсы постов. Для каждой статьи вам нужно обязательно изменить заголовки, поставить нужные ссылки url, а так же указать путь к используемым изображениям. Максимально допустимый размер изображений 400х250 (он же, пожалуй, является оптимальным), минимальный — 80х50. Как видите, отличия от wordpress плагина более чем кардинальные, в Blogger нет никаких модулей, поэтому нужно вручную в самом шаблоне прописывать и менять каждый раз информацию для лучших постов. Порой, конечно, это может быть хлопотным занятием, но зато пользователи сайта смогут наслаждаться красивым стильным виджетом.
Шаг 4
Добавим сценарий, для этого сразу после <head> добавим:
<script  type='text/javascript'>
$(document).ready(function(){
$(&quot;#featured&quot;).tabs({fx:{opacity: &quot;toggle&quot;}}).tabs(&quot;rotate&quot;, 5000, true);
$(&quot;#featured&quot;).hover(
function() {
$(&quot;#featured&quot;).tabs(&quot;rotate&quot;,0,true);
},
function() {
$(&quot;#featured&quot;).tabs(&quot;rotate&quot;,5000,true);
}
);
});
</script>
В результате у вас должен получится слайдер как показано на картинке в средине поста. При клике по ссылкам-заголовкам картинка слева будет меняться. Пусть это и сопровождается достаточно простым эффектом, но все равно неплохо смотрится.
P.S. Если ваша компания занимается разработкой дизайнов, то купить фотографии в интернете это не только эффективный, профессиональный, но и удобный вариант.
Через пару месяцев работать в офисах будет ой как сложно. Установив оконные кондиционеры в Одессе вы можете создать для своих подчиненных комфортные и приятные условия.

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails