2019-02-15

Textual description of firstImageUrl

Как удалить внешние ссылки из шаблона Blogger

Удалить внешние ссылки из блога Blogger
Эта свежая статья написана, чтобы осветить актуальную информацию об удалении лишних ссылок из шаблонов Blogspot, а также из новых тем Blogger. Как вы знаете, в кодах Blogger в 2018 году произошли изменения, поэтому многие действия с кодом нужно производить по новому. Плюс появились новые темы, которые сформированы иначе. В связи с этими изменениями разберем тему про удаление ссылок.
Проверить свой блог на наличие внешних ссылок вы можете на сервисах https://pr-cy.ru/link_extractor/ и https://seolik.ru/links. Не забывайте, что проверять нужно не только главную страницу блога, но и страницу записей (постов) и страницы (Page). Большое количество внешних ссылок, открытых для индексации препятствуют продвижению вашего блога.

Как удалить ссылки из старого стандартного шаблона Blogger

На примере шаблона Простой (Simple).
Такие шаблоны дают больше всего внешних ссылок. В моем тестовом блоге при установке простой темы при проверке обнаружилось 25 внешних ссылок на главной странице, из них индексировались 14.
Напоминаю, что перед тем, как производить изменения в коде шаблона, сделайте резервную копию!
  1. Удалить ссылку на Blogger - https://www.blogger.com/. Эта ссылка заключена в виджете Attribution. Во вкладке “Дизайн блога” он отображается, как гаджет Атрибуция и защищен от удаления. Чтобы его удалить, переходим во вклудку “Тема”-> изменить HTML. По поиску виджетов (список виджетов) находим Attribution1 и удаляем весь код вместе с секцией footer, в которую он заключен. Так выглядит удаляемый код в свёрнутом виде:
    убрать ссылку Attribution
    А так полный код:
    <b:section class='foot' id='footer-3' name='Footer' showaddelement='no'>
             <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
               <b:widget-settings>
                 <b:widget-setting name='copyright'/>
               </b:widget-settings>
               <b:includable id='main'>
         <div class='widget-content' style='text-align: center;'>
           <b:if cond='data:attribution != &quot;&quot;'>
            <data:attribution/>
           </b:if>
         </div>
    <b:include name='quickedit'/>
       </b:includable>
             </b:widget>
           </b:section>
    Сохраняем изменения и проверяем блог на наличие Атрибуции.
  2. Вы, конечно же видели в своём блоге иконки “Гаечный ключ и отвертка”  для быстрого редактирования виджетов. Каждая такая иконка несет с собой внешню ссылку на Blogger. Сейчас они закрыты тегом nofollow, но все равно от них нужно избавляться. Править же виджеты вы будете во вкладке Дизайн.
    Вот неполный перечень ссылок, которые зашифрованы в иконках гаечного ключа (ID блога будет ваш)
    - Виджет HTML1: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=header
    - Виджет HTML2 http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=header
    - Архив блога: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget&sectionId=main
    - Ярлыки блога: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget&sectionId=main
    - Популярные сообщения: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget&sectionId=main
    От всех этих ссылок легко избавиться. Найдите в шаблоне блога тег <b:include name='quickedit'/>. Он встречается столько раз, сколько виджетов в вашем блоге. Удалите все вхождения тега <b:include name='quickedit'/>.
  3. Удаляем ссылки на быстрое редактирование записи блога (иконка “Карандаш”). Упрощает редактирование постов, но несет в себе угрозу в качестве внешней ссылки вида: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
    Как удалить:
    Способ 1. Во вкладке Дизайн отредактируйте элемент “Сообщения блога” и снимите галочку в пункте “Показать "Быстрое редактирование””.
    Способ 2. найдите в шаблоне блога тег  <b:include data='post' name='postQuickEdit'/> и удалите его. Сохраните изменения и проверьте свой блог на наличие иконки и ссылки.
  4. Удалить Navbar. Найдите по поиску виджетов в шаблоне html блога Navbar1 и удалите весь код вместе с секцией.

    Убрать navbar Blogger
    А именно:
    <b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar' 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\x3d1490203873741752013\x26blogName\x3dnew\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://m-ynewblog.blogspot.com/search\x26blogLocale\x3dru\x26v\x3d2\x26homepageUrl\x3dhttps://m-ynewblog.blogspot.com/\x26vt\x3d-3989465016614688571&#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>
    Сейчас Навбар в блоге не дает индексируемых внешних ссылок, но я считаю, что это лишний элемент, который не несет в себе функциональной нагрузки, и его лучше удалить.
  5. Удалите внешние ссылки на изображения. При загрузки изображений в сообщение блога, в них автоматически встраивается ссылка. Чтобы убрать такие ссылки, необходимо отредактировать все записи блога. В режиме “Просмотр” кликайте на фото и далее на иконку “Ссылка”. Если изображение не несет в себе внешнюю ссылку, то при клике на фото в редакторе записи иконка “Ссылка” не активна (нет подсветки иконки).
    убрать кликабельные картинки
  6. Удалить ссылку на профиль автора блога. Удалить автора блога под записью. Для этого найдите код <b:widget-setting name='showAuthor'>true</b:widget-setting> и вместо true пропишите false. Получится <b:widget-setting name='showAuthor'>false</b:widget-setting>
  7. Закрыть ссылку из виджета “Профиль” от индексирования тегом nofollow. Если вы используете в своем блоге виджет “профиль”, то найдите через быстрый поиск по виджетам в шаблоне блога код гаджета Profile1. Нужно отредактировать код виджета, заменив в двух местах rel=’author’ на rel=’nofollow’ и добавить к двум ссылкам rel=’nofollow’. У вас должно получиться, как на скриншоте:

    убираем ссылку на профиль Google Plus
    Сделано на примере редактирования профиля Google Plus. Напоминаю, что Google Plus будет ликвидирован 2 апреля 2019 года. Соответственно после этой даты нужно будет производить другие изменения в коде виджета “Обо мне”.
  8. Проверяем на наличие внешних ссылок любую страницу записи Blogspot, к которой оставлены комментарии. Найдите и удалите в шаблоне блога код:
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    В Настройках блога по пути Настройки блога -> Другое -> Фид сайта -> Разрешаем фид блога применяем следующие настройки:
    Запретить фид сайта

Убрать внешние ссылки из нового стандартного шаблона Blogger

На примере темы Notable
  1. Удаляем Attribution (ссылка внизу – Технологии Blogger)
    Находим в шаблоне блога по поиску по виджетам (список виджетов) Attribution1 и удаляем код вместе с секцией по аналогии со старым шаблоном Blogger (смотри выше 1).
  2. Удаляем ссылку из виджета «Сообщить о нарушении». Это виджет ReportAbuse1. Находим в поиске по виджетам:
    Код выглядит целиком так:
    <b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'>
    <b:includable id='main'>
    <b:include name='reportAbuse'/>
    </b:includable>
    </b:widget>
  3. Проверяем страницу записи блога с комментариями и удаляем ссылки по аналогии со старыми шаблонами блога (смотри выше – пункт 8).
  4. Уляем ссылки из постов блога, которые вшиты в картинки записей (смотри пункт 5). 
Читать далее ...

2019-02-12

Textual description of firstImageUrl

Как создать галерею изображений

галерея блогов
На своем блоге вы можете создать галерею блогов или ссылок на тематические интернет-ресурсы. Причем в эту галерею могут добавлять ваши читатели свои блоги без вашего непосредственного участия. Для добавления собственных ссылок читателям нужно будет лишь авторизоваться через аккаунт Google или Facebook.
Вы лишь будете контролировать тематичность ссылок, проводя их постмодерацию. Подобный каталог блогов выглядит следующим образом:
каталог_блогов
Вы можете также протестировать мою галерею в конце этой статьи и добавить собственные ссылки. Это приветствуется 😉
Добавлять галерею в блог мы будем при помощи скрипта inlinkz.

Как добавить изображение в галерею

  1. Под каждой галереей находится кнопка для добавления ссылки "add link". Нажмите на нее:

  2. галерея
  3. После этого у вас появится предложение авторизоваться через аккаунты Google, Facebook или зайти через свою учетную запись inlinkz.
  4. Снова нажмите кнопку "Add link". Добавьте свою ссылку или загрузите изображение в галерею.

      добавить свое фото в галерею блога
  5. Нажмите кнопку "Done" для завершения.
  6. Второй способ добавление изображения через загрузчик "Upload". Загрузите свое изображение, добавьте описание и при необходимости ссылку. Если после добавления ссылки, скрипт предложит вам свои варианты фотографий, то снова перейдите во вкладку "Upload' и выберите своё загруженное фото. Нажмите кнопку "Save", а затем "Done".

Как добавить галерею изображений в свой блог

  1. Зарегистрируйтесь на сайте inlinkz.com. Нажмите на кнопку "Get start" и можете просто авторизоваться через аккаунт Google или Facebook.
  2. Создайте новую галерею через функцию "Create your first party" или кнопку "New", если у вас не первая галерея. Заполните все пункты, как показано на скриншоте ниже:
    Как создать галерею изображений
    Завершите создание галереи кнопкой "Create"
  3. Чтобы вставить галерею в блог, нажмите на "Copy code" под миниатюрой своей галереи. Добавьте адрес своего блога и описание.
    галерея ссылок в блог
  4. Снова нажмите Copy Code, и скопируйте самый верхний код (со скриптом):
    копировать код
  5. Вставьте код в запись блога или на страницу в режиме HTML. Вы можете также добавить код в виджет HTMl/Javascript вашего блога.


 
Читать далее ...

2019-02-07

Textual description of firstImageUrl

Как ускорить загрузку блога с Adsense



Сегодня предложу вам трюк, с помощью которого загрузку вашего блога Blogger не будут тормозить рекламные объявления Adsense. Реализуем мы это при помощи скрипта отложенной загрузки. Сначала будет загружаться контент и лишь потом блоки рекламы Google. Эффект ускорения работы блога вы можете посмотреть на моей Азбуке блогера.
Напомню, что на моём блоге вы можете ознакомиться с публикациями об увеличении скорости загрузки блога Blogspot, удалении из него блокирующих адекватную загрузку элементов, а именно:
Итак, приступим.

  1. Сделайте резервную копию шаблона блога Blogspot.
  2. Удалите все участки кода Adsense, встречающиеся в вашем шаблоне, подобные этим:
    <script src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'’></script>

    <script async='' src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 

    <script  src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' />

    <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
  3. Теперь добавьте в шаблон вашего блога перед тегом </body> или &lt;!--</body>--&gt;&lt;/body&gt; код:
    <script type='text/javascript'>
    //<![CDATA[
    // Lazy Load AdSense
    var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
    //]]>
    </script>
  4. Сохраните изменения. Теперь можете проверить скорость вашего блога одним из специальных сервисов.
Читать далее ...

2019-02-06

Textual description of firstImageUrl

Переезд на https на Wordpress. Ошибки

Как переехать на https wordpress
Как переехать на https на Wordpress
Я переезжала по инструкции сайта vellisa.ru. Это очень простое и полное руководство по переезду на https. Я лишь хочу дополнить её информацией о работе, проводимой на хостинге, возможных ошибках и их решениях. Про переезд на https на Blogger вы можете почитать статью на моем сайте.

Переезд на https

Повторю основные шаги:

  1. Сделать резервную копию сайта.
  2. Изменить все ссылки на относительные, т.е. начинающиеся с http://вашсайт.ru/… заменить на //вашсайт.ru/…
    Ссылки меняются в ссылках на сайте, в изображениях и т.д. С успехов справляется с этой задачей плагие Search Regex. Расположение плагина после установки – “Инструменты” – >  Search Regex
    При замене ссылок следите, чтобы не было лишних пробелов, а ошибка даже в одном знаке приведет к тому, что ссылки в ваших постах перестанут работать.
    Скриншот замены ссылок:
    Переезд на https на Wordpress
  3. Подключить ssl-сертификат в домену. Идём на хостинг, у меня хостинг на движке ISPsystem. Действия, выполняемые на этой платформе будут идентичными. Переходите на хостинг по пути “Хостинг” –> “На сервер”. В разделе WWW находим раздел “SSL-сертификаты”

    Подключение ssl сертификата
    Далее смотрите следующий скриншот:

    Подключение ssl сертификата
  4. Если не перестала работать админка и нет доступа к форме входа в неё, то добавьте в файл wp-config.php код define('FORCE_SSL_ADMIN', true);
  5. Выполните вход в админ-панель через https
  6. Замените в настройках админки адрес вашего сайта с http на https
  7. При помощи плагина Velvet Blues измените ссылки в вашем контенте и шаблоне на https
  8. Реализуйте 301 редирект в файле .htaccess
    Для этого добавьте в него код:
    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{HTTPS} off
    RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
    </IfModule>
    
  9. Проверить работу вашего ssl-сертификата вы можете на таких сервисах, как https://www.ssllabs.com/ssltest/ и https://www.sslshopper.com/ssl-checker.html
Более подробно смотри на vellisa.ru

Ошибки и проблемы при переезде на https

Сложности во время переезда
Если для вас все эти изменения слишком сложны для понимания, то вы можете использовать для подключения ssl-сертификата для домена специальные плагины wordpress, такие как
  • Really Simple SSL - этот плагин не требует дополнительной настройки после установки и активации. Он автоматически внесет необходимые изменения в файл .htaccess, если на сайте обнаружен SSL-сертификат.
  • CTW SSL для CLoudflare - для тех, кто использует Cloudflare для SSL, данный плагин внесет необходимые изменения, а также решит распространенную проблему перенаправления циклов),
  • WP Force SSL – плагин для перенаправления страниц сайта с http на https.
Отключить перенаправление с http на https
Иногда приходится отключать перенаправление с http на https при переезде сайта хотя бы для того, чтобы попасть в админпанель. Дело в том, что при подключении ssl-сертификата, перенаправление может автоматически появится из-за настроек домена.
Чтобы исправить это, необходимо на хостинге зайти в раздел www-домены –> в настройки вашего домена и временно отключить принудительную переадресацию на https. Уберите галочку, как показано на скриншоте:
Отключить перенаправление с http на https

[an error occurred while processing the directive]
На моем сайте при переводе на https появилась проблема [an error occurred while processing the directive]
Указанная надпись красовалась в нижней части сайта. Решение: в файле footer.php я нашла комментарий с # (решеткой) и благополучно # удалила. Проблема была решена.
Было: <--#footer-->
Стало: <!--footer-->
У вас могут быть другой комментарий и находиться в другом файле вашей темы. Напрмер,
<!--#comment--> Важно лишь найти этот комментарий с решеткой.
Проблема смешанного контента
Проверку на смешанный контент вы можете провести на сервисе https://www.jitbit.com/sslcheck/ Ограничение – проверяет только 200 страниц на вашем сайте. После того, как вы нашли страницу со смешанным контентом, перейдите на проблемную страницу в браузете Google Chrome и нажмите F12. В консоле вы увидете ссылки, которые нужно исправить. Обязательно проверяйте страницы своего сайта на смешанный контент, на которых нет “замка” в адресной строке.
Читать далее ...
Textual description of firstImageUrl

Как удалить Bundle css из блога Blogger

как удалить css bundle
Если проверять скорость загрузки вашего блога Blogger с помощью гугловского сервиса PageSpeed Insights, то в графе “Оптимизация” обнаруживаются стандартные файлы Blogger, которые блокируют отображение, а именно файлы Bundle:
  • для мобильной версии они имеют вид:
       widgets/117…-widget_css_mobile_2_bundle.css
  • для ПК -
       widgets/272…-css_bundle_v2.css
как удалить bundle css из Blogger
Сегодня мы будем удалять данные файлы. К сожалению, стандартного решения нет, но существуют определенные шаги, которые помогут избавится вам от файлов Bundle v2 и mobile Bundle.
В некоторых блогах Blogger встречаются также файлы dyn-css/authorization.css, блокирующие загрузку. Удаляя файлы bundle_v2.css, вы одновременно удалите и dyn-css/authorization.css.
Удалив ненужные файлы, вы можете значительно увеличить скорость загрузки вашего блога.


Итак, приступим к удалению файлов Bundle:

Сначала вам нужно найти файлы Bundle в шаблоне вашего блога. При просмотре страницы вашего сайта в браузере, нажмите на CTRL + U и найдите ссылку, похожую на эту:
https://www.blogger.com/static/v1/widgets/2727757643-css_bundle_v2.css
У вас будет своя ссылка, поэтому не нужно копировать мой вариант. Перейдите по найденной ссылке, и вы увидите css код. Скопируйте его в блокнот и сохраните. В дальнейшем этот код нам понадобится. Это Bundle_v2 для десктопной версии вашего блога.
Теперь просмотрите в браузете мобильную версию вашего блога. Для этого допишите к вашему адресу окончание ?m=1 , т.е. перейдите по ссылке https://вашблог/?m=1 Снова просмотрите код html страницы при помощи горячих клавиш CTRL + U, найдите css файл Bundle для мобильной версии (mobile_2_bundle.css). У меня это ссылка:
https://www.blogger.com/static/v1/widgets/1171200566-widget_css_mobile_2_bundle.css
У вас будет своя ссылка. Перейдите по ссылке и скопируйте весь код в пустой блокнот. Сохраните под именем mobile_2_bundle.
Теперь переходим к редактированию шаблона блога.
  1. Перед внесением изменений обязательно сделайте резервную копию шаблона блога!
  2. Найдите тег </head> и вставьте над ним следующий код:
    <b:if cond='data:blog.isMobile'>
    <style type='text/css'>
    Код Bundle_v2
    </style>
    <b:else/>
    <style type='text/css'>
    Код mobile_2_bundle
    </style>
    </b:if>

    >> Вы можете подключить css файлы через <link href='ссылка, куда залит css файл' rel='stylesheet' type='text/css' />
  3. Найдите в шаблоне вашего блога тег <head> и замените его на &lt;head&gt;
  4. Найдите в шаблоне тег </head>, замените его на &lt;/head&gt;&lt;!--<head/>—&gt;
  5. Сохраните изменения. Проверьте блог на наличите файлов Bundle. Если это не помогло, то продолжайте изменения шаблона.
  6. Найдите тег <b:skin><![CDATA[ и замените его на
    &lt;style type=&quot;text/css&quot;&gt;
    &lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
    <style type='text/css'>

    Найдите тег ]]></b:skin> и замените его на </style>
  7. Сохраните изменения. Проверьте ваш шаблон на наличие файлов Bundle. Если они еще присутствуют, то найдите тег </body> и замените его на &lt;!--</body>--&gt;&lt;/body&gt;
  8. Снова проверьте шаблон. Измените <html на <HTML и  </html> на </HTML>
  9. Если в ходе преобразований шаблон “поплыл” (проверяйте и мобильную версию тоже!), то внесите поправки в файлы css.
Читать далее ...