Браузерные плагины для вэб-разработчиков и не только.

Хочу поделиться с вами, чем-то полезным. Начнем пожалуй с браузеров, точнее с плагинов для них. Речь пойдет о необходимом наборе плагинов для SEO оптимизации, анализа, разработки сайтов и не только.

Не буду выделять какой-то и участвовать в «браузерных войнах», сейчас по определенным причинам использую Google Chrome. На таком же движке (Chromium) есть еще куча популярных и не очень интернет-проводников: Opera, Firefox, Яндекс Браузер,  Amigo и т.д., и это означает, что если постараться то можно установить все перечисленные ниже плагины и для них. Разберем полезные плагины на примере Google Chrome: скачиваем, запускаем, жмем три точки справа вверху, далее — Дополнительные инструменты — Расширения — Ещё расширения и в поиске по магазину вбиваем LastPass.

Освобождаем память — LastPass (последний пароль) — это мега полезное дополнение позволяет не держать в голове кучу паролей, а запомнить всего один — от LastPass. Программа позволяет запоминать пароли и адреса к web страницам, в удобном виде безопасно хранить и автоматически заполнять их в различных формах. Есть менеджер автозаполнения форм, куда вы сможете написать свою карточку и плагин будет автоматически заполнять поля на сайтах. Программа подходит для многих браузеров и имеет приложение для мобильных телефонов, что согласитесь очень удобно.

Для удобства хранения закладок я использую очень удобный и мультибраузерный плагин Live Start Page. Этот плагин из серии Speed Dial позволяет в красивом интерфейсе с живыми обоями, коих найдется на любой вкус, удобно управлять закладками (импорт/экспорт/синхронизация), разбивать на группы ( у меня например такие: популярные, стартовая, создание сайтов, анализ, раскрутка, биржы ссылок, web-дизайн, программирование PHP, JavaScript, CSS, HTML … ), можно делать заметки и даже медитировать — вообщем это красиво, удобно и полезно. Также из плюсов — в  Google Chrome работает голосовой поиск, и это приятно, 21 век все же.

Бывает так: куча открытых вкладок, случайно не ту закрыл, а еще если несколько, эту проблему решает плагин для Chrome — Sexy Undo Close Tab, в других браузерах есть аналоги ищем — Undo Close.

Менеджер сеансов Session Buddy позволяет сохранять и восстанавливать открытые вкладки. Восстановит открытые вкладки после сбоя или когда ваша ОС перезагрузит компьютер. Управление открытыми окнами и вкладками в одном месте.

Надоедливую рекламу поможет убрать мультибраузерный блокировщик AdBlocker Ultimate — он убирает всю рекламу, не имеет белых списков, в отличии от конкурентов. Не забудьте отключить его на ваших сайтах, сожрет баннеры и у вас.) Тут стоит отдельно сказать про браузер Opera — в него подобные блокировщики не нужно устанавливать, нужно всего лишь зайти в настройки и включить встроенный, к тому же Opera имеет бесплатный VPN, что помогает заходить на заблокированные страницы (к примеру ok.ru или vk.com в Украине.)

Одним из фактором ранжирования является наличие ошибок в текстах на сайте. Если вы пишите статьи для сайтов или просто размещаете готовые, может пригодиться проверка орфографии и опечаток, для этого в Chrome есть замечательный плагин — Проверка правописания. Устанавливаем, выделяем текст и в контекстном меню одноименный пункт для проверки.

Немного о картинках, точнее о плагинах для них. Если на вашем сайте есть уникальные картинки, которые по праву принадлежат только вам и вы не хотите, чтобы в поиске по этой картинке выдавались ссылки на чужие сайты, поймать вора поможет плагин кто украл мои картинки, после установки появится пункт в контекстном меню, который поможет найти дубликаты. А если наоборот вы хотите позаимствовать изображения с чужого сайта, в этом деле поможет плагин загрузчик картинок — Image Downloader, он вытягивает все изображения, даже из CSS.

Плагин SearchPreview позволяет улучшить ваши страницы результатов поиска, вставляет изображения предварительного просмотра сайта (эскизы) сайтов. Поддержка Google, DuckDuckGo, Yahoo и Bing. Теперь о грустном —  SEOquake с ним не дружит, потому используем по очереди.

Плагины для web-разработчика.

Расширение Web Developer добавляет в браузер кнопку c различными инструментами веб-разработчика. Это настоящий комбайн или швейцарский нож, который имеет тучу всего полезного: работа с cookie, стилями CSS, JS, формами, картинками, ссылками, покажет палитру сайта, поможет в тесте на мобильную версию, проверит сайт на ошибки кода при помощи онлайн валидаторов. Позволяет добавлять свои инструменты. Вообщем must have. Из минусов — отсутствие русской локализации в последней версии. Расширение доступно для Chrome, Firefox и Opera.

Rds bar — это мультибраузерная панель инструментов для быстрого анализа различных SEO-показателей сайта, таких как PR, ТИЦ, индексация страниц и т.д., кроме того в настройках можно включить подсветку noindex и nofollow, внешних ссылок и скрытых блоков, плагин умеет показывать метрики и в поисковой выдачи.
Очень важно* кликнуть по значку с бомбой и включить пункт — проверять по кнопке, иначе вы рискуете получить санкции в виде капчи от поисковиков. Так же необходимо зайти в настройки и вдумчиво отключить все галочки с метрик, которые вам не нужны, в настройках поиска выбрать анализировать первые: 3 — будет быстрее работать и меньше капчи. Я вообще на всякий случай отключаю Rds bar в плагинах, когда им не пользуюсь.

SEOquake — еще один бесплатный плагин SEO-панель для браузеров Mozilla Firefox, Google Chrome и Opera. SEOquake может предоставлять параметры для списков в результатах выдачи поисковой системы. Наряду с различными SEO-метриками, SEOquake предоставляет другие полезные инструменты, включая SEO аудит, отчет по плотности ключевых слов, анализ внутренних и внешних ссылок, социальные показатели, показатели конкурентов в выдаче. Требует тщательной и вдумчивой настройки. Когда не пользуемся, кликаем по значку на панели и отключаем, чтоб не словить капчи.

Вот вам небольшой SEO — кейс: Rds bar или SEOquake пригодится при анализе конкурентов — смотрим топ выдачи, если у сайта низкий ТИЦ И PR или бэклинки, соответственно на него стоит меньше ссылок, значит у него мощные внутренние факторы ранжирования (статьи, мета-теги, заголовки…) и полезно его изучить детально.
А для любителей бесплатных шаблонов эти плагины помогут выявить внешние скрытые ссылки, которые любят ставить недобросовестные товарищи.

Бонус: скачать мои настройки этих двух SEO-панелей.

Хотите узнать какой web-движок использует ваш конкурент? Rds bar частично поможет, но лучше и удобнее с этой задачей справится Wappalyzer он не только умеет распознать CMS систему сайта, но и покажет какие JS, CSS и Web фреймворки использует сайт. По ним имеются некие рейтинги и можно перейти на их официальные сайты. Так же этот плагин умеет показывать аналитику и использованные на сайте шрифты.

Кстати о шрифтах. Вам понравился шрифт на каком-то из сайтов и хотите себе такой же как у него? Тут на помощь придет плагин Font Finder. Работает он очень просто: кликаем по кнопке плагина, наводим на шрифт и тут же видим его название и стили. Похожим образом работает CSSViewer, он покажет CSS стили оформления выделенного элемента.

Если веб-мастер находит сайт в интернете, который выглядит круто или делает крутые технологические трюки, всегда возникает желание посмотреть из чего он сделан. Quick source viewer — быстрый и компактный просмотрщик исходного кода, покажет в удобном виде все HTML, Javascript и CSS, из которых создана страница. Умеет форматировать сжатые файлы в красивый и читабельный вид, на значке показывает общее количество скриптов. Must have!

Visual Event — позволяет простым наведением мыши на объект Dom увидеть все события (event), прикрепленные с использованием стандартных фреймворков javascript.

Pretty Beautiful Javascript — автоматически форматирует для удобного чтения сжатые Javascript файлы, добавит подсветку синтаксиса. Нет необходимости копировать/вставлять или что-либо еще, все это происходит «на лету» для вашего удобства.

Еще одним важным фактором ранжирования поисковых систем является скорость загрузки сайта. Плагин для Chrome Performance-Analyser позволяет наглядно в виде графиков увидеть причину медленной загрузки: ответ от сервера, количество запросов, скорость загрузки картинок и скриптов, построение DOM. Google PageSpeed Insights API Extension покажет оценку для настольных компьютеров, мобильных телефонов и мобильных устройств вместе с навигационной ссылкой на сайт Google PageSpeed ​​проверяемого сайта.

Что-то изменили в коде шаблона и не видите результат? Необходимо очистить кеш. Для очистки кеша браузера в один клик есть удобный плагин Clear Cache

Broken Link Checker — это дополнение поможет проверить web-страницу на битые ссылки.

Для фильтрации ссылок по различным параметрам при покупке на бирже Sape, я использую плагин Sape Webmaster, и пусть никто мне не говорит, мол ссылки больше не работают и все такое, пускай эти умники покажут мне в топ 10 запрос к примеру «окна ПВХ» без единой ссылки. Такого чуда пока никто не видел, потому качаем, пользуемся, покупаем хорошие ссылки на свои сайты.

Плагин Yandex Wordstat Assistant для браузеров Google Chrome, Яндекс и Opera, позволяет значительно ускорить ручной сбор слов с помощью сервиса подбора ключевых слов Яндекс (Wordstat).

Emmet LiveStyle — мгновенно обновляет таблицу стилей вашей веб-страницы, когда вы редактируете файл CSS, LESS или SCSS в текстовом редакторе SublimeText. Без перегрузки страниц, в режиме реального времени! Работу плагина рассмотрим подробнее в следующей статье, посвященной редактору SublimeText 3.

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