2017-06-28

Дубли страниц в блоггер (blogger), как починить?

Дубли страниц в блоггер (blogger), как починить?
Дубли страниц это когда одна страница имеет несколько url адресов, например:

  • https://www.econdude.pw/2017/06/bitkoin
  • https://www.econdude.pw/2017/06/bitkoin?m=1
  • https://www.econdude.pw/2017/06/bitkoin?m=0
  • https://www.econdude.pw/2017/06/bitkoin?comments_23132
..

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

Поисковик может посчитать что все эти 4 страницы в примере - это разные страницы, а так-как у них одно содержание, это всё просто копии. 


Дублирование всех страниц в индексе два раза может ослабить вес каждой страницы тоже в 2 раза. Была 10-я позиция, будет 20-я, если на неё есть дубль.

Разница в трафике у например 3-й позиции и 6-й (или даже 9-й, если есть 2 дубля и оригинал) существенна. На это всё нужно обратить внимание и по возможности починить.

В данном случае я буду рассматриваться платформу блоггер (blogger - blogspot), но многие вещи помогут и тем, кто на WP.


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


Лучший способ посмотреть дубли это пойти в Google Search Console:

Дубли страниц в блоггер (blogger), как починить?

Оптимизация HTML

Там вы увидите какие страницы гугл считает дублями. В моём случае это были ?m=0



Как починить дубли страниц в блоггер (blogger)?


Говорю сразу, всё что пишется вот тут - это для своих кастомных доменов второго уровня в blogger. Стандартные домены и стандартные шаблоны не должны иметь таких проблем, но если у вас стандартный домен типа "myblog.blogspot.com" - то тут будет отдельная головная боль и я не знаю как её решать, так-как там будет:

myblog.blogspot.com, myblog.blogspot.ru, myblog.blogspot.ua

Добавление канонического тега в данном случае вам может всё сломать. В случае если у вас такой бесплатный домен третьего уровня, там всё должно быть нормально и у вас в шаблоне должно быть "<b:include data='blog' name='all-head-content'/>" вот такое, а проблема с дублями возникать не должна. Если всё-таки возникает, то тут уже не помогу.

Про это я читал только в англоязычных блогах и там какой-то очень сложный фикс.

Советую вам тогда просто установить новый чистый современный blogger шаблон и всё, должно помочь.

Но если у вас свой blogger домен и есть дубли страниц, читайте дальше.

Сделайте копию вашего html шаблона. Затем ищите вот этот код:

<b:include data='blog' name='all-head-content'/>

Если у вас его нет (хотя он должен быть и есть в новых шаблонах), тогда нам нужно добавить канонические ссылки. Сказать Яндексу и Гуглу какие ссылки считать каноническими.

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

У вас не должно быть одновременно кода сверху и кода снизу! Тогда будет два сигнала о канонических ссылках и это просто проигнорируется. Добавляйте код снизу если кода "<b:include data='blog' name='all-head-content'/>" у вас нет.

Нам нужно до </head> добавить следующий код:

<!-- canonical links -->
<link expr:href='data:blog.url.canonical' rel='canonical'/>
<!-- canonical links -->

Таким образом вначале мы сообщаем что все data:blog.url (ссылки) являются каноническими. Затем нам нужно найти все "data:blog.url" в коде и добить туда .canonical

Дубли страниц в блоггер (blogger), как починить?

 Вот это до </head>


Дубли страниц в блоггер (blogger), как починить?


И еще найти все места с "data:blog.url" и добавить .canonical

Таких мест не очень много.

Если вы читали мою прошлую гостевую статью в Азбуке Блогера:


И всё таки решились подключить себе SSL сертификат, перейдя на HTTPS, тогда вы можете добавить еще и ".https" везде где есть "data:blog.url.canonical".

Будет вот так: 

Дубли страниц в блоггер (blogger), как починить?

data:blog.url.canonical.https

Таким образом мы заставим блоггер считать все ссылки с https каноническими, однако далее могут возникнуть проблемы с RSS и некоторые другие, так-как blogger пока всё таки слабо поддерживает HTTPS для кастомных доменов.

Когда вы добавите канонические ссылки, нужно подождать 20-30 дней до следующей переиндексации.

Потом смотрите Google Search Console, если дубли уже не показывает - всё ок!


Как проверить устранение ошибки?


При любом варианте фикса (ниже еще несколько) вам нужно подождать месяц или дольше пока google всё это поймёт, поэтому не пробуйте сразу несколько вариантов. Пробуйте первый, который я дал выше, а потом те что ниже, если он сработал. 

Проверить на 100% можно только в google search console, когда там перестанут ругаться на дубли. Однако прямо сразу вы можете проверить как понимаются канонические адреса.

Просто возьмите любую вашу страницу и проинспектируйте её (ctrl + shift + i), для этого правой кнопкой мышки нажмите куда угодно в браузере и выберите "inspect". 


Я вбил в адрес "?m=0" и в коде мне показывает что каноническая ссылка будет https + www без всяких там "?m=0". Так-что самый первый вариант сработал для вот этого случая.

Теперь остаётся ждать пока google это проиндексирует. Однако...


Если я тестирую мобильную страницу, мне выдаёт канонической ссылку http, а не https. Тут уж я опускаю руки, но это вообще-то плохо, хотя как вы видите в мобильной выдаче он в виде канонической не выдал "?m=1".

Вот именно поэтому переезжать на HTTPS для блогер может быть рановато. Сейчас он может понять что у меня есть еще и страницы http и сделать новые дубли.

Однако для себя я нашёл фикс! Я просто отключил мобильный вариант сайта:


При этом если я зайду с телефона в мой блог, то он меня всё ровно перенаправит на адрес "?m=1", однако там канонические ссылки будут уже как и в версии рабочего стола.

Не советую убирать мобильную версию вашего сайта и как видите если-бы не https, проблемы-бы не было, тем не менее в моём случае, когда в блоге нет сайтбара (и например в случае сайта "шпаргалка блогера"), можно убрать отдельную версию для мобильных телефонов, она не так плохо смотрится и понимает такие штуки как оценка постов и комменты, а мобильная версия их не всегда понимает.

Правда в таком случае возникает вопрос, а зачем вообще тогда перенаправлять людей на ?m=1, однако это вшито в blogger намертво и как это убрать я не нашёл.


А что с Янедксом?


Яндекс в данном случае даже умнее гугла и он сам периодически выкидывает дубли из индекса, Яндекс так-же понимает канонические ссылки так что прописал их, он всё сам уберёт. Склеить http и https у него просто, там отдельная процедура и специальная функция.


Прописав канонические Яндекс начнёт убирать неканонические страницы


Склеивание сайта с www и без www в blogger 


Дубли бывают не только с мобильными страницами, но и с www. Для избежания этого нужно сделать редирект на www вот тут:

Дубли страниц в блоггер (blogger), как починить?

А так-же в Google Search Console указать основной адрес:

Дубли страниц в блоггер (blogger), как починить?

Еще можно попробовать указать "host" для Яндекс, как это например указано ниже на примере файла robots.txt у "Шпаргалка Блогера". Хотя blogger и не поддерживает "host", но вроде как Яндекс и без этого понимает где главный адрес.


Альтернативный способ решения проблемы через robots.txt


Есть еще несколько способов решить проблему дублей страниц.

Первый, это закрыть в robots.txt от индексации все "?m=0" и "?m=1".

Не уверен на 100% что так нужно делать так-как мобильная выдача "?m=1" всё-таки нужна и она дублем считаться не будет, не должна.

Например Азбука Блогера в файле robots.txt имеет:

Дубли страниц в блоггер (blogger), как починить?

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

Часто в качестве эталона я смотрю на сайт "Шпаргалка Блогера", там robots.txt вот такие:

Дубли страниц в блоггер (blogger), как починить?

При этом там вообще нет отдельной версии сайта для мобильных устройств.

Я думаю что закрытие от индексации "m" это радикальный метод, но он может работать. Вот только если страницы уже в индексе, то это не поможет.

Если страницы уже в индексе, то можно либо их удалить руками (Яндекс Вебмастер, Google Search Console), либо ждать когда поисковики их сами склеят.

Проблема даже в факте наличия таких адресов в индексе, а в том, что поисковики понимают их как разные страницы. После добавления канонических ссылок даже если у вас осталось в индексе куча страниц типа "?m=0", поисковики сами поймут что это не дубли, и полностью передадут вес на основную страницу.


Еще один способ починить дубли страниц


Другой способ, это в Google Search Console найти параметры URL:

Дубли страниц в блоггер (blogger), как починить?

Нажать: Настройка параметров URL для "m"

И сделать всё следующим образом:

Дубли страниц в блоггер (blogger), как починить?
Тут мы сообщим гуглу что все ссылки где есть "m" разбивают на страницы и это плохо. А так-же скажем что далее пусть робот Googlebot сам решает что с этим делать. Мы просто обозначим ему проблему.

Это как вариант решения, однако я его не тестировал (нужно в любом случае ждать 20-30 дней), но если канонические у вас не сработают, как я написал ранее, попробуйте вот это.

Вообще, можно просто тут указать "Никакие URL", тогда он все "?m" ссылки выкинет из индекса, но это может быть опасно и так лучше не делать.

В любом случае помните, что эту проблему нужно решить, она может быть той самой причиной по которой вы не получаете нормальный трафик и получаете низкие позиции, однако не спешите и не переживайте. Если один метод не сработал, попробуйте другой, а так-же спросите на форуме Google / Blogger, там вам могут подсказать.

Автор статьи: Евгений (Econ Dude - econdude.pw). 

Другие полезные и интересные статьи про раскрутку, подвижение и платформу blogger вы можете найти в разделе "Продвижение". Всем удачи!

Кроме того, специально под эту гостевую статью, я сделал видео на своём ютуб канале где рассказал и показал как можно починить дубли страниц в blogger. Видео приватное (доступно только по ссылке и от сюда) 17 минут, можете посмотреть.

А так-же можете посмотреть другие видео на моём канале про продвижение и раскрутку. Их не очень много, но они есть и могут быть вам полезны.


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

2017-06-21

Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger

Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger
Протокол передачи данных с шифрованием HTTPS набирает всю большую популярность. Google несколько раз рекомендовали получить SSL сертификат (Secure Sockets Layer) для своего сайта вебмастерам, и особенно если на сайте хранятся какие-то пароли или проводятся финансовые операции.

В этой статье я расскажу как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger, в случае если у вас свой домен.

Случай довольно редкий, однако он встречается, а переезд не такой-уж и простой.

..

Зачем переходить с HTTP на HTTPS?


Переход на HTTPS может быть полезен и для информационных сайтов или блогов. Chrome браузер (которым владеют Google) уже давно показывает сайты разным цветом, например для сайтов вида https:// цвет адреса будет зелёным, а так-же вы увидите надпись "secured", что говорит о том, что соединение защищённое.

Пользователи тоже постепенно проникаются большим доверием к HTTPS, ну а последний фактор в пользу перехода в том, что Google может начать использовать (или уже использует) факт наличия https для ранжирования, следовательно переход на более защищённый протокол может повысить общий трафик.

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

Разница между платным и бесплатным SSL сертификатом


Переход на HTTPS предполагает получение SSL сертификата. Сертификаты бывают платные и бесплатные. От их стоимости зависит уровень защиты данных и сложность шифрования (что нужно далеко не всем сайтам), а так-же в дорогих сертификатах можно указать свой бренд и он будет показывается прямо в браузере.

Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger

Пример платного сертификата - twitter

Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger

Пример бесплатного сертификата без бренда для blogger блога (econdude.pw)

В принципе покупать дорогой платный сертификат не имеет большого смысла для большинства сайтов, можно обойтись дешёвым, либо вообще бесплатным.

Бесплатные хорошо подойдут для блогов малого или среднего размера.

Трудности переезда на HTTPS для Blogger


В данной статье я рассматриваю процесс получения сертификата и переход на https только для платформы blogger (blogspot), хотя процесс и принципы например для WordPress будут очень близкими. 

Дело в том, что blogger хоть и обладает некоторыми преимуществами (бесплатность, хорошая интеграция с google, возможность кастомизации и многое другое), обладает и минусами. 

Одним из таких минусов является то, что про блоггер бывает очень сложно найти современную актуальную информацию, а так-же отсутствие множества хороших плагинов, которых полно для WP. Как следствие, такие процессы как подключение своего домена, а уж тем более переход с http на https могут вызывать сложности.

Стандартные бесплатные Blogger домены 3-го уровня (.blogspot) к счастью уже обладают встроенным https, однако при покупке своего домена https пропадает и разобраться как его получить не так уж и просто.

На Русском информацию найти тяжело, поэтому когда я переходил на https (блог econdude.pw), я переводил Английские гайды 2016-го года, довольно современные. 

Лично я получал бесплатный сертификат через cloudflare.com

Про эту компанию есть разные отзывы и у меня были сомнения, что бесплатные сертификаты там будут вечными. Однако один из директоров компании говорил, что их компания будет всегда иметь этот сервис и он всегда будет бесплатным.

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

Как получить бесплатный SSL сертификат для Blogger


Идём на сайт cloudflare.com и создаём там новый аккаунт. С этим проблем быть не должно.

Для написание этой статьи я переводил материалы howtoshout.com и конкретно вот эту статью, автора оригинала стоит упомянуть (Prajjwal Rajput) и сказать спасибо.

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

Далее нам нужно добавить наш домен Cloudflare CDN на наш блог

Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger

Добавьте ваш домен и просканируйте DNS записи

После сканирования Cloudflare выдаст вам два новых имени сервера (name server) и вам нужно будет ими заменить ваши старые имена сервера для вашего домена. 

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

  • Открываете dashboard (панель), а потом идёте в настройки домена (Domain’s Setting). Всё это делается на сайте где вы покупали домен для blogger, а не в интерфейсе самого blogger;
  • Там вы увидите "nameservers" - имена серверов;
  • Выберите "Custom Nameservers" - свои имена серверов, и введите те, которые вам выдал Cloudflare;

Когда вы это сделали, это означает что ваш домен теперь будет использовать Content Delivery Network (систему доставки контента - CDN) от Cloudflare.

Справились? Идём дальше.

Подключение SSL Certificate (HTTPS)


Открываем сайт Cloudflare.

Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger

Находим раздел Crypto, а зачем выбираем Flexible (SSL section) как указано на картинке.

Вот и всё, вы подключили SSL (HTTPS) для вашего кастомного blogger домена.

Однако всё с этим пунктом, но мы пока еще не закончили.


Настройка редиректа для всех ссылок с HTTP на HTTPS


Найдите страницу Page Rules (правила страницы) и добавьте 3 новые правила.

Вот тут внимательно.

Просто замените "bloggerguider.com" на ваш домен как это показано на скриншотах ниже.

Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger

Правило 1. Always Use HTTPS

Сделайте всё как указанно вот тут, и, важно, адрес пишите с такими-же звёздочками (*) как на скриншоте. 

Обратите внимание что вот тут адрес вашего сайта указывается HTTP и без WWW

Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger

Правило 2. Forwarding URL, 301 - permanent redirect

Сделайте всё как указано. Так-же смотрите за звёздочками и http (сверху), https (снизу).

Тут мы ставим редирект (перенаправление) с HTTP => HTTPS + WWW

Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger

Правило 3. Forwarding URL, 301 - permanent redirect

Тут практически тоже самое, только сверху начинается с HTTPS

В данном случае мы ставим редирект (перенаправление) с HTTPS => HTTPS + WWW

Вот тут легко можно что-то напутать, так-что если у вас не сработает, еще раз проверьте эти скриншоты и сделайте всё как указанно на них.
  • После настройки трех правил, проследуйте в раздел "firewall"
  • Security Level (Уровень защиты) - выбирайте low (низкий)
  • На этом всё с Cloudflare, можем закрывать и идём в наш блог.

Настройка блога


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

  • Откройте редактор HTML
  • Найдите "</head>" и вставьте код, который я указал ниже, перед (выше) head.

Не забудьте сделать резервную копию шаблона перед этим!

<script>
$(document).ready(function() 
{           $("a").each(function() 
{             var i = $(this).attr("href");            
 var n = i.replace(http://www.yourdomain.com, "https://www.yourdomain.com");                               $(this).attr("href", function() {               return n             })           })         });       </script>
Жирным выделил название домена, его вам нужно заменить на своё.

Далее, найдите следующий html код:
<b:include data='blog' name='all-head-content'/>

Удалите этот код и добавьте следующий после (ниже) "</head>"

<link href='https://www.yourdomain.com/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='blogger' name='generator'/>
<link href='https://www.yourdomain.com/feeds/posts/default' rel='alternate' title='BLOGTITLE - Atom' type='application/atom+xml'/>
<link href='https://www.yourdomain.com/feeds/posts/default?alt=rss' rel='alternate' title='BLOGTITLE - RSS' type='application/rss+xml'/>
<link href='https://www.blogger.com/feeds/BLOGID/posts/default' rel='service.post' title='BLOGTITLE - Atom' type='application/atom+xml'/>
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/2591933621-ieretrofit.js"></script>
<![endif]-->
<meta expr:content='data:blog.url' name='og:url:domain'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
Замените название домена и ID блога. 

Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger

Вот так можно узнать ID blogger блога, оно в адресе


Почему HTTPS показывается оранжевым?


Оранжевым адрес в Chrome показывается если какие-то элементы на сайте загружаются с сайтов, на которых нет HTTPS (незащищённые источники). 

Чаще всего это какие-то картинки, логотипы и счётчики. Нужно это устранить и перезалить картинки на сайты, где уже есть HTTPS. На большинстве хостингов HTTPS есть уже очень давно, в том числе и blogger хранит картинки на HTTPS.

Посмотрите код страницы (правая кнопка мышки => inspect / view page source) и там вам покажет какие элементы загружаются с HTTP.

  • Часто вам нужно будет перезалить логотип и favicon блога еще раз.
  • Часто виджет поиска (стандартный от blogger) будет мешать HTTPS, поэтому лучше поставить пользовательский поиск от Яндекса или Google.

Если вам нужен стандартный виджет поиска, идите в код HTML, найдите вот это:
<form expr:action='data:blog.searchUrl'>

И замените это на:
<form expr:action='data:blog.searchUrl.https'>

Если ошибка не пропадает, идём в код html и ищем через поиск (ctrl + f) все старые адреса "http" и смотрим откуда грузиться незащищённый контент и пытаемся исправить.

Наша задача в html коде найти все "http" и постараться их заменить на "https".

Дополнительная информация: Как настроить смешанный контент


Последнее...


Я знаю что вы уже чуть не умерли всё это настраивать, но мы почти закончили!

Сейчас нам нужно дать Google понять, что мы переехали на HTTPS. Поэтому идём в Google Search Console и там добавляем два новых адреса:

Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger

Всего будет 4, с www и без него

Так-же откройте файл robots.txt (Настройки поиска => Сканеры и индексирование):

И замените старый файл вот таким. Просто добавьте туда https.

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: https://www.yourdomain.com/sitemap.xml
Так-же в Вебмастере Яндекса можно и нужно добавить что вы переехали на HTTPS

Как получить бесплатный SSL сертификат и перейти на HTTPS для Blogger

Вам нужно "склеить зеркала", сказать Яндексу, что теперь сайт находится на HTTPS, там должна быть у вас такая опция - переехать на HTTPS, или как-то так. Сделать это не трудно.

После этого Яндекс уберёт индексацию HTTP и добавит новый сайт отдельно на HTTPS. Старый убирать не нужно, иногда будут давать ссылки именно на HTTP и можно будет их посмотреть.

Так-же можете отправить новую версию sitemap.xml уже с HTTPS. 

Заключение


На этом всё. Гайд по переезду на HTTPS и получению бесплатного сертификата SSL для Blogger получился довольно большим и сложным, но надеюсь что он вам помог удачно переехать. 

Автор статьи и перевода: Евгений (Econ Dude - econdude.pw). Другие мои материалы про раскрутку, продвижение и про платформу blogger вы можете найти в специальном разделе моего блога, который называется "Продвижение". 

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

Всем удачи!
Читать далее ...

2017-06-09

30 расширений Google Chrome для разработчиков

30 расширений Google Chrome для разработчиков
Мне нравится Google Chrome за его простоту, скорость и производительность. Но иногда его простота являются препятствием для производительной работы, и поэтому можно выбрать самые нужные расширения, которые облегчат вашу работу вебмастера. Ниже я приведу неполный список популярных расширений, которые могут пригодиться для работы веб-мастера, блогера, разработчика сайтов, дизайнера.
Эти расширения увеличивают функциональность Google Chrome и повышают вашу производительность. Советую вам дочитать эту статью до конца, и вы узнаете про полезные плагины не только для веб-мастеров, но и для обычных пользователей, а также для тех, кто зарабатывает в интернете.
Вам могут пригодится также 20 расширений для ведения блога
.. ColorZilla
Colorzilla - удобное расширение для выбора и определения цвета любого места на веб-странице. Чтобы определить цвет в любой точке, нажмите на иконку расширения, а затем на верхнюю строчку меню “Page Color Picker active”. Автоматически шестизначный код выбранного цвета скопируется в буфер обмера. Для того, чтобы выбрать цвет в другой кодировке, нам понадобится опция “Copy to Clipboad”.
Chrome Palette
Часто ищете вдохновение? Вам нужны новые удачные сочетания цветов? Вы можете выделить цветовую палитру из любого изображения. Просто установите расширение Chrome Palette. Как пользоваться плагином: кликните правой кнопкой мыши по любому изображению в браузере и выберите одну из цветовых палитр (в ней может содержаться до 64 цветов!).
Chrome Palette
Colour Tweaker
Colour Tweaker может изменить цвета сайта. Просто введите селектор CSS на этом расширении, затем настройте цвет текста, фона и цвет границы.
Colour Tweaker
Google Font Previewer
Это расширение позволяет просматривать шрифты из каталога Google Font на вашем сайте, изменять параметры, такие как  размер, стиль, вес и тень. Если вам понравился результат, то вы можете скопировать и вставить ссылку и код CSS, сгенерированный в расширении.
Google Font Previewer
Web Developer
Очень полезное многофункциональное расширение для веб-дизайнера и разработчика. Инструменты: изменение css, работа с формами, изображениями, просмотр в другом размере экрана, выделение блоков, валидатор и другие. Более подробно про этот плагин для браузера, и пример его использования вы найдете в этой статье.
Web Developer
Pendule
Легкий и удобный инструмент разработчика, похожий на Web Developer.
Pendule
Firebug Lite
Расширение дает возможность редактировать стили css в живую, что дает возможность изменять дизайн вашего блога и просматривать результаты.
Firebug Lite
Stylebot
Stylebot предоставляет вам возможность изменить внешний вид любого сайта, не касаясь кода CSS, что позволяет экономить время. Самое приятное, что расширение генерирует CSS код ваших изменений, которые вы можете вставить на ваш сайт.
Stylebot
CSSViewer
Посмотрите CSS стили каждого элемента дизайна сайта. Просто активируйте расширение, нажав на его иконку и поднесите курсор к выбранному элементу, и вы получите всю необходимую информацию об этом элементе.
 CSSViewer
Window Resizer
С Window Resizer, вы можете проверить совместимость разрешения экрана вашего сайта с помощью стандартных или пользовательских разрешений экрана.
Window Resizer
HTML Validator
Один из лучших расширений для валидации сайта. Вы также можете выбрать, чтобы показать результат проверки на веб-странице или просмотреть его в новой вкладке.
HTML Validator
PHP Console
Поможет в php программировании.
PHP Console
StayFocusd
Swored поможет вам прекратить бесцельное блуждание по интернету, и использовать время более продуктивно. С помощью этого расширения вы можете заблокировать сайт, настроить время пребывания (например, не более 10 минут в день), выбрать дни недели, с которые сайт будет для вас доступен, установить время, во время которого интернет будет вам доступен и многое другое. Если у вас остро стоит вопрос организации рабочего времени, то рекомендации по эффективному тайм-менеджменту вы узнаете из книг Стива Макклетчи “От срочного к важному” и Питера Брегмана “Правило 4 секунд”.
StayFocusd
Визуальные закладки
Расширение изменяет стартовую страницу в Chrome, наподобии того, что мы привыкли видеть в Опере, в предопределенные визуальные закладки со ссылками и эскизами сайтов. Вы можете изменить тему фона и группировать закладки по папкам для вашего удобства.
 Визуальные закладки
PopChrom
С PopChrom, вы можете определить свои собственные сочетания клавиш для стандартных текстовых фраз. Ключ активации необходим для преобразования аббревиатуры в определенные текстовые фразы.
PopChrom
Todoist
Удобный и простой менеджер задач, укоторый всегда под рукой. Плагин поможет вам более эффективно планировать свое время и ничего не забывать.
 todoist
Ananke Timer
Отслеживает время, потраченное на определенную задачу, или регистрирует время, потраченное на посещение определенного веб-сайта.
Ananke Timer
ToolBux
toolbux
Многофункциональное расширение для работы с буфером обмена, составлении отчетов. Поможет для составлении отчетов при работе на буксах, а также при обмене комментариями и соцсигналами с другими вебмастерами. Может понадобится тем, кто зарабатывает в соцсетях (для составления отчета при написании комментариев, ссылок на оплаченные посты). Позволяет быстро добавлять в отчет адреса веб-страниц, выделенный текст, ваш ip, чистить куки и другие инструменты. Имеются горячие клавиши.
Clipboard History 2
Расширение возможностей буфера обмена. Все, что вы копируете в буфер обмена, записывается построчно в этом чудесном расширении для Google Chrome. В дальнейшем вы можете вернуться к любому скопированному тексту или урлу простым нажатием по выбранной строке. Также имеется возможность объединения строк и экспорта в текстовый файл.
clipboard
Chrome Page Extended
Быстрый доступ к истории посещенных сайтов, установленным расширениям, настройкам Google Chrome и другим инструментам. Сокращает количество нажаний мышкой для быстрого доступа к основным настройкам браузера.
Chrome Page Extended
AppJump
С AppJump вы можете группировать ваши расширения, быстро перейти в менеджер расширений.
AppJump
TabCloud
Сохраните окна сессий и восстановите их позже на любом компьютере с TabCloud.
TabCloud
Google Similar Pages
Плагин, который ищет в интернете похожий контент, поможет вам узнать интересующую вас тему глубже.
Google Similar Pages
Lightshot (screenshot tool)
Этот инструмент не только делает снимки экрана монитора, но и позволяет их редактировать – наносить линии, текст, рамки, выделения, а также загружать изображение на prntscr.com и копировать ссылку на скриншот, а также есть возможность сохранить на компьютере.
 Lightshot (screenshot tool)
Evernote Web Clipper
Сохраняйте интересную информацию, найденную в интернете в официальном расширении, созданном разработчиками Evernote.
Evernote Web Clipper
 myNotes
Конспектирование должно быть легким процессом, и это возможно с плагином MyNotes, который позволяет одним кликом мышкой добавить выделенный текст в заметки.
 myNotes
 Микросток фотография Power Search
Возможно, единственное расширение поиска для вас, чтобы искать высокое качество акций фото из известных агентств, как Fotolia, Dreamstime и Shutterstock.
Микросток фотография Power Search
Google Publisher Toolbar
Если вы хотите увеличить ваш заработок от контекстной рекламы Google Adsense, то вам пригодится это расширение. С его помощью вы можете блокировать дешевые рекламные блоки.
Google Publisher Toolbar
Instant Translate
Универсальный переводчик, который кроме основной своей функции перевода, осуществляет также транслиттерацию, произношение, копирование, сохраняет историю переводов.
Instant Translate
Статистика сайтов от LiveInternet.ru
Изучение статистики конкуренов – это не праздное любопытство, а анализ. Некоторые веб-мастера устанавливают невидимые счетчики Liveinternet, но этот плагин поможет раскрыть их карты.
Статистика сайтов от LiveInternet.ru
в Google Chrome количество расширений и приложений растет большими темпами. Возможно, что наступят времена, когда количество их обгонит даже Mozilla Firefox. Это покажет время. Следите за новинками, и вы можете настроить свой браузер под ваши нужды, увеличите скорость вашей работы в сети интернет.
В этой статье я не смогла охватить все полезные инструменты для разработчиков и веб-дизайнеров. Вы можете многое найти сами, воспользовавшись удобным поиском в магазине Google Chrome. Однако советую вам не увлекаться, устанавливая слишком большое количество ненужных плагинов, так как это может тормозить работу браузера.
Читать далее ...

2017-06-07

Pamagram–правильная раскрутка instagram

pamagram - сервис для раскрутки instagram
В продолжении темы продвижения социальных сетей, протестирую еще один сервис для раскрутки аккаунта инстаграм – Pamagram. Сайт функционирует с 2013 года. За это время он приобрел хорошую репутацию. Для успешного продвижения этот сервис не использует накрутку лайков, подписок или комментариев, как это делает обычный сервис накруток. Pamagram действует иначе, хитрее, и результатом являются живые подписчики, которые заинтересованы в ваших услугах. А именно, он действует от имени вашего аккаунта, ставит лайки, пишет комментарии на нужных страницах и добавляет в подписчики именно целевую аудиторию.
..
Узнайте также про программы для раскрутки vk и одноклассников – quick sender и ok sender
Таким образом, пользуясь сервисом Pamagram вы не накручиваете цифры на счетчиках, а посещаете аккаунты людей, являющихся вашей целевой аудиторией и отмечаетесь на них словом (т.е. комментарием) или делом (лайком или подпиской). Сервис Pamagram заботится о том, чтобы ваш аккаунт не забанили, и поэтому соблюдает все необходимые меры безопасности (не превышает безопасное количество действий – лайков, комментариев и подписок), а также дает рекомендации по защите и восстановлению вашего аккаунта при возникновении непредвиденной ситуации.
Содержание:
  1. Регистрация
  2. Добавление аккаунта Instagram
  3. Настройки Pamagram
  4. Фильтрация
  5. Источники
  6. Категории
  7. Вывод

Регистрация

В начале, как обычно нужно зарегистрироваться на сервисе. Регистрация достаточно простая, вам нужно указать лишь e-mail и желаемый пароль. После регистрации необходимо оплатить аккаунт. Минимальная цена – 600 рублей в месяц, но это сопоставимо с ценами на рынке продвижения аккаунтов социальных сетей, и даже дешевле. Учитывая, что вам нужно лишь однажды настроить продвижение и забыть о нем.

Добавление аккаунта Instagram

Перед добавлением аккаунта Instagram сервис предлагает вам ознакомится с инструкцией, в которой вы прочитаете ценные советы, как избежать блокировок аккаунта.
рекомендации по использованию pamagram
После ознакомления нажмите на кнопку “Ознакомился, применил, поехали”. Не пренебрегайте этими советами, они помогут обезопасить ваш аккаунт instagram.
Вам будет предложено ввести логин и пароль от вашего аккаунта Instagram:
вход в pmgr.com
Далее вам нужно будет подтвердить аккаунт. Для этого вы должны зайти в инстаграм с мобильного и подтвердить, что это вы входили с Android Франция. Нажмите “Да. Это я”. Это нужно для того, чтобы Instagram не препятствовал раскрутке вашего аккаунта через сервис Pamagram.
После подтверждения вы увидите на сервисе pmgrm, что ваш аккаунт работает:
продвижение в paragram

Настройки Pamagram

Теперь вам нужно перейти в настройки сервиса и указать, какие именно действия вам необходимы. Pamagram рекомендует приучать постепенно Instagram к повышенной активности вашего аккаунта. В частности, в первые 30 дней рекомендовано подключить лишь автолайкинг.
При подключении комментариев, вы можете пользоваться списком стандартных, а можете дополнить его своим набором фраз.
В настройках вы можете задать расписание работы Pamagram, в чаcтности указать часы, в которые сервис будет работать.
расписание лайков, комментариев, подписок

Фильтрация Pamagram

Перейдите во вкладку “Фильтр” и настройте фильтрацию для обеспечения большей безопасности вашего аккаунта. В начале продвижения рекомендуется ограничить количество лайков до 50. Вы можете ограничить взаимодействие со старыми публикациями. Установите язык публикаций (русский, английский или любой). Здесь есть еще некоторые функции, в которых вы разберетесь без труда.

Источники

В категории “Источники” вы настроите поиск вашей целевой аудитории. Вы можете установить хештеги, которыми пользуются люди, которых вы хотели бы видеть в своих подписчиках, добавить аккаунты конкурентов, чтобы парсить у них подписчиков, места (геолокацию) или загрузить свою базу, если такая имеется.
хештеги и акки конкурентов
Теперь рассмотрим категории из левого меню.

История

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

Менеджер аккаунтов

Здесь вы можете подключить дополнительные аккаунты и переключаться между аккаунтами.

Диагностика

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

Отчет о продвижении

Вся статистика находится здесь.
И о приятном – сервис Pamagram имеет выгодную партнерскую систему, которая отчисляет своим партнерам 20% от оплат всех приведённых Вами пользователей.
Если вы не хотите участвовать в партнерской программе, то вы можете приглашать друзей по своей персональной ссылке и получать 30 дней бесплатного пользования сервисом за каждого приглашенного друга, оплатившего сервис. Ваш же приглашенный друг получит дополнительный месяц бесплатного продвижения.

Вывод

Pamagram – сервис продвижения аккаунта Instagram, который рассчитан на получение живых подписчиков, так как он не накручивает роботов и не привлекает людей за оплату. Задача сервиса – поставить лайк, написать комментарий или подписаться от имени продвигаемого аккаунта для получения обратной связи.
Читать далее ...