2013-02-16

Обзор блога Made By Hands


Здравствуйте, сегодня я приступаю к обзорам блогов победителей акции “Активный комментатор”. Напомню, что победителем данной акции стала Антонина Романова. Ее блог Made By Hands я и буду анализировать первым.

Анализ блога Made By Hands

“Made By Hands” в переводе с английского означает “сделанное руками”, т.е. тематика блога рукоделие. В блоге установлен стандартный шаблон Blogspot, в верхней части м видим navbar. Я б посоветовала бы Антонине избавится от этого украшения:
..
Для того, чтобы убрать navbar нужно в шаблоне блога нужно в шаблоне блога найти сторочку "/* Variable definitions" и вставить перед ней отрезок кода #navbar-iframe {   display: none !important;}
Мы видим в блоге рекламу Adsense, причем ее блоки явно не вписываются в дизайн. Чаще всего блоки контекстной рекламы дают бОльшую отдачу, когда они не заметны для ваших читателей. Не стоит выделять их цветом, рамкой и пр. Читайте эффективное размещение рекламы google adsense. Хотя я бы рекламу с блога Made By Hands убрала бы совсем. Не думаю, что в ней есть смысл на данном этапе развития блога.

Несмотря на длительное существование блога (3 года), автор добавил лишь 19 записей. Есть над чем работать Подмигивающая рожица.
Еще одна погрешность – ссылка внизу страницы на денежное дерево ведет на несуществующую страницу.
С главной страницы блога идет 129 внешних ссылок! Это явный перебор. Советую почистить шаблон от внешних ссылок и убрать лишние блоги из вашего списка блогов, можно и совсем удалить этот виджет. Посмотреть все внешние ссылки с вашего блога вы можете здесь. Закрывайте тегом “nofollow” ссылки на фото в полном размере или совсем удаляйте ссылки.
Коды изображений:
<a href=”url на полноразмерное изображение”><img src=”url изображения”></a>
рекомендую изменить на
<a href=”url на полноразмерное изображение” rel=”nofollow”><img src=”url изображения”></a>
или
<img src=”url изображения”>
В блоге “Made By Hands” стандартный файл robots.txt, позволяющий индексировать поисковикам все страницы. Рекомендую изменить его на этот:
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Disallow: /p/search.html
Allow: /
Sitemap: http://rukotvorie.blogspot.ru/feeds/posts/default?orderby=updated
User-agent: Yandex
Disallow: /search
Disallow: /p/search.html
Allow: /
Изменить robots.txt можно в административной панели блога по пути Настройки –> Настройки поиска –> Поисковые роботы и индексация –> Пользовательский файл robots.txt:

В блоге "Антонины не добавлены метатеги, которые играют важную роль в продвижении любого сайта.
Как добавить мета теги Blogspot:
<meta content='ключевые слова' name='keywords'/>
<meta content='описание блога' name='description'/>
Добавляем мета теги в Шаблон блога после тега <head>
Рекомендации от Addstudio 3:
  • Оптимизация структуры сайта
    Найдены страницы с избыточным количеством ссылок на другие сайты!
    Страницы с большим количеством ссылок могут считаться "мусорными" со стороны поисковых систем. Рекомендуем снизить количество исходящих ссылок на страницах до 10-15
    (страницы вышлю администратору блога Антонине Романовой).
  • Внутренняя оптимизацмя
Анализ блога с помощью Seomonitor:
  • Анализатор сайта (Проверка битых ссылок, создание карты сайта).
    Отчет со всеми ссылками сайта будет отправлен Антонине в ближайшее время.
P.S. Работы над блогом “Made By Hands” предстоит много. Автору блога советую больше изучать сео оптимизацию, писать чаще в блог, работать над получением обратных ссылок. К сожалению, блог не раскручен, Антонина не предоставила ключевые слова, по которым планируется продвижение, поэтому детальный сео-анализ с помощью программ невозможен. Однако, и без этого найдено много ошибок и недочетов. Антонине же желаю успехов в изучении СЕО и продвижении блога!

29 комментариев :

Antonina Romanova комментирует...

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

Ирина Кудрявцева комментирует...

файл robots.txt, который вы предлагаете, можно применить к моему блогу?

Antonina Romanova комментирует...

Выполнила Ваши рекомендации. Сама бы никогда в этом не разобралась! Спасибо! Вот только с метатегами не могу справится =) Куда и что вставлять? Как я понимаю, нужно придумать описание блога и ключевые слова и вставить в HTML код шаблона?

Mycrib комментирует...

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

Насчет метатегов - да нужно придумать краткое описание (о чем ваш блог) - метатег description не более 150 символов. Keywords - это ключевые слова, по которым вы собираетесь продвигать блог. Длина метатега Keywords не должна превышать 1000 символов и не более 7 слов. Сейчас много споров о том, насколько они важны. Однако, если все сделать правильно, то не помешают.

Ирина, вы можете вставить этот robots.txt в свой блог, только измените домен на свой: Sitemap: http://diva106.blogspot.com/feeds/posts/default?orderby=updated

Шитикова Лидия Васильевна комментирует...

Спасибо Вам огромное! И Антонине опосредованно - тоже спасибо огромное! Если бы не её комментарии, "украшение" под заголовком, так раздражающее и нервирующее, я бы никогда не смогла убрать. Теперь убрала тоже.
И ещё хочу сказать, что с огромным вниманием и удовольствием читаю Ваш блог. И сказать за всё огромное СПАСИБО!!!!

Mycrib комментирует...

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

Antonina Romanova комментирует...

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

Antonina Romanova комментирует...

Читая кулинарный блог на блоггере увидела вот такое оформление комментариев
http://s42.radikal.ru/i096/1302/13/8acb097c61d9.jpg
Как можно сделать такое оформление в своем блоге?
"закрывайте тегом “nofollow” ссылки на фото в полном размере или совсем удаляйте ссылки."
Как это сделать? Найти в HTML шаблона и заменить на предлагаемый код?
Еще бы хотелось почитать о том, как сделать карту блога, чтоб все сообщения распределить по определенным категориям, типа: развивающие игрушки, вязание, шитье, мастер-классы и т.д.

Antonina Romanova комментирует...

Еще вопрос: как сделать вот такую шапочку (или как это правильно называется)? Чтоб вместо значка "блоггер" вставит какой-нибудь другой рисунок?
http://s020.radikal.ru/i700/1302/b9/4a6886c83eeb.jpg

Mycrib комментирует...

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

Смайлики в комментариях - тема отдельной статьи. Напишу в ближайшем будущем ;)

Mycrib комментирует...

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

Antonina Romanova комментирует...

Спасибо!
Повторю вопрос: "Еще бы хотелось почитать о том, как сделать карту блога, чтоб все сообщения распределить по определенным категориям, типа: развивающие игрушки, вязание, шитье, мастер-классы и т.д."

Mycrib комментирует...

Антонина, можете взять код красивой карты сайта для blogspot отсюда (я уже отредактировала код под ваш блог):
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://rukotvorie.blogspot.ru/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

Создайте отдельную пустую страницу и вставьте скрипт в режиме html.

Antonina Romanova комментирует...

Спасибо! Создала страницу, вставила скрипт в html. Получилась кнопка сверху. Я так понимаю, можно добавить еще кнопки? Как это сделать?

Mycrib комментирует...

Антонина, добавьте гаджет "Страницы" в административной панели блога (вкладка Дизайн). Поставьте галочки напротив страниц, которые будут отображены на главной странице блога.

Antonina Romanova комментирует...

Вот что делаю я:
1. Выбираю гаджет "Страницы" http://img-fotki.yandex.ru/get/6443/103655115.4/0_9649f_4140520d_L.jpeg.jpg
2. Нажимаю "изменить". Всплывает окно: http://img-fotki.yandex.ru/get/6441/103655115.4/0_964a0_5cd283a_L.jpeg.jpg
Нажимаю сохранить. http://img-fotki.yandex.ru/get/6441/103655115.4/0_964a0_5cd283a_L.jpeg.jpg
3. Получается 2 кнопки. Первая главная, а вторая непонятная.
http://img-fotki.yandex.ru/get/4123/103655115.4/0_964a2_70663447_L.jpeg.jpg

Я хочу сделать что-то похожее на это: http://img-fotki.yandex.ru/get/4137/103655115.4/0_964a3_c14e36ad_L.jpeg.jpg

Что я делаю не так? На втором этапе есть возможность редактировать только главную страницу. Напишите пожалуйста поподробнее как сделать такой гаджет. Спасибо!

Mycrib комментирует...

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

Antonina Romanova комментирует...

Спасибо! Да, отправила вопрос и сразу меня осенило, что нужно создавать страницы))))
А вот еще вопрос, можно ли сделать такие кнопки, нажимая которые можно открывать отдельные страницы? Например, кнопка "Мои МК", при нажатии на которую открываются только выбранные сообщения с МК. Тоесть не нужно создавать страницу, а каким-то образом обьединять отдельные сообщения?

Antonina Romanova комментирует...

И еще мне не понятно зачем код красивой карты сайта для blogspot, который Вы выложили в предыдущем комментарии? Его нужно вставлять в страницу в режиме а потом на этой же странице писать сообщение? Обьясните пожалуйста)))

Mycrib комментирует...

Антонина, вы же сами спрашивали как сделать карту сайта в одном из комментариев выше. Вот я и выложила скрипт карты блога. Вставлять его нужно только в режиме html! А в каком режиме затем писать обращение к вашим читателям - дело ваше. Но лучше в том же режиме html, чтобы не нарушить структуру кода.

Antonina Romanova комментирует...

Наталья, я наверное что-то делаю не так, или упускаю какой-то шаг.
Создала я страницу, назвала "Карта блога", включила режим HTML, вставила код, который Вы давали выше.
Сохранила.
Вверху блога появилась кнопка "Карта блога".
При нажатии на нее ничего нет, кроме окна для комментариев.
Как наполнить карту сообщениями? Вот, например, карта одного из рукодельных блогов: http://ygolokdlyadushy.blogspot.com/p/blog-page_18.html

Antonina Romanova комментирует...

И еще обратила внимание на то, что при открытии Ваших сообщений адрес сообщения имеет описание сообщения. Например данное сообщение с адресом http://www.mycrib.ru/2013/02/obzor-bloga-made-by-hands.html

Вы как-то прописываете название obzor-bloga-made-by-hands?

Antonina Romanova комментирует...

Еще в приведенном примере блога сбоку есть виджет "В моем блоге". При наведении курсора на подразделы, они немного смещаются вправо. Как сделать такой виджет? Спасибо!

Antonina Romanova комментирует...

И еще в некоторых блогах есть кнопка "вверх", как ее создать?

Mycrib комментирует...

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

Сделать ЧПУ урлы в blogspot (вида http://www.mycrib.ru/2013/02/obzor-bloga-made-by-hands.html) можно двумя способами:
1 способ. опубликовать запись с заголовком, прописанным латиницей и исправить затем на нормальный (я делаю именно так)
2 способ. при создании сообщения в редакторе справа нажать на пункт "Постоянная ссылка", затем "Пользовательская постоянная ссылка" и прописать url.

Кнопку наверх можно сделать так.

Antonina Romanova комментирует...

Спасибо, Наталья! Начала присваивать ярлыки и вырисовывается карта сайта! А я все голову ломала, почему ничего не получается!

Русаков Вячеслав aka Udachnik комментирует...

Если интересен детальный обзор Вашего блога, то вот здесь Вы можете "записаться на прием" :) http://udachnik.biz/blogovodstvo/obzory-blogov-uznay-chestnoe-mnenie-o-svoem-bloge/

Стараюсь максимально детально подходить к мелочам и делать качественные обзоры.

Natalia-Arti комментирует...

К сожалению, у меня не получается убрать navbar - не могу найти в шаблоне блога сторочку "/* Variable definitions". Где она есть? Напишите, пожалуйста, подробнее как убрать navbar в моем блоге.
Спасибо

Иванова Наталья комментирует...

Natalia-Arti, обычно удаляю весь код navbar. Для этого иду во вкладку "Шаблон" -> изменить html. В верхнем меню выбираю Список виджетов -> Navbar1
Автоматически находится отрезок кода, отвечающий за вывод навбара.
Выглядит он так:
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Панель навигации' type='Navbar'>
<b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener(&#39;load&#39;,
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
}
}
&lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0756205777426848895965\46blogName\75ASCII+%D0%B1%D0%BB%D0%BE%D0%B3\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://asciigraf.blogspot.com/search\46blogLocale\75ru\46v\0752\46homepageUrl\75http://asciigraf.blogspot.com/\46vt\75-3432929305144599761&#39;,
where: document.getElementById(&quot;navbar-iframe-container&quot;),
id: &quot;navbar-iframe&quot;
});
}
});
&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
</b:widget>
</b:section>

Проще найти по началу кода - <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1'
и заканчивается код на &lt;/script&gt;
</b:includable>
</b:widget>
</b:section>


Удаляем весь код и сохраняем изменения.
NB! Перед тем, как вносить изменения в шаблон не забудьте сделать резервную копию!
Будут вопросы - пишите.

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML