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

Здравствуйте, сегодня я приступаю к обзорам блогов победителей акции “Активный комментатор”. Напомню, что победителем данной акции стала Антонина Романова. Ее блог Made By Hands http://rukotvorie.blogspot.com/ я и буду анализировать первым. Блог не обновляется с 2017 года (обновление от 2019 года)

Анализ блога 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 ответов к «Обзор блога Made By Hands»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  15. Вот что делаю я:
    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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  27. 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?targetBlogID75620577742684889596546blogName75ASCII+%D0%B1%D0%BB%D0%BE%D0%B346publishMode75PUBLISH_MODE_BLOGSPOT46navbarType75LIGHT46layoutType75LAYOUTS46searchRoot75http://asciigraf.blogspot.com/search46blogLocale75ru46v75246homepageUrl75http://asciigraf.blogspot.com/46vt75-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! Перед тем, как вносить изменения в шаблон не забудьте сделать резервную копию!
    Будут вопросы — пишите.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *