Сегодня мы расскажем вам об использовании букмарклетов Google Chrome, которые помогут сэкономить много времени в повседневной деятельности SEO-специалистов.
Сегодня мы расскажем вам об использовании букмарклетов Google Chrome, которые помогут сэкономить много времени в повседневной деятельности SEO-специалистов.
Некоторые из них используются несколько раз в час, другие пригодятся не чаще одного раза в неделю, но все они необходимы для эффективной работы в сфере SEO-оптимизации.
Существует целый набор расширений браузера Chrome, которые делают то, о чем мы собираемся вам рассказать, но часто скрыты за меню и вкладками, к которым нелегко получить доступ.
Работая с букмарклетами, вы можете расположить их сверху в центре окна браузера, при необходимости сгруппировав их по папкам для экономии места. Кроме того, вам не нужно следить за обновлением расширений, чтобы они продолжали работать – это происходит автоматически.
Прежде чем мы расскажем вам, на что способны букмарклеты, посмотрите насколько просто их создавать (чтобы приведенный ниже код вас не испугал).
Используя свой компьютер, откройте браузер Google Chrome и добавьте в закладки любую страницу, нажав CTRL + D (Windows) или CMD + D (Mac). Если так проще, добавьте в закладки статью, которую вы сейчас читаете.
Если вы не видите панель закладок, нажмите CTRL/CMD + B. Эта же команда работает и для того, чтобы ее спрятать.
Если у вас уже много закладок и верхняя панель прилично заполнена, возможно, вам придется воспользоваться стрелками (>>) справа от панели браузера, чтобы найти страницу, которую вы только что добавили в закладки. Нажмите и перетащите ее в начало списка.
Затем щелкните правой кнопкой мыши на новую закладку и выберите «Изменить».
Сюда вы впоследствии введете код, который найдете в статье ниже, и сможете сделать все, что захотите. Это действительно просто.
Единственная причина, по которой мы не выкладываем готовые букмарклеты, которые можно просто брать и использовать, заключается в том, что мы считаем важным, чтобы вы могли видеть код каждого из них, и точно понимать, какая версия кода вам необходима для работы. Например, иногда я показываю, как открывать сервисы на текущей (или новой) вкладке браузера.
Итак, давайте разбираться…
Поиск распространенных проблем сайта одним щелчком мыши
Букмарклет, который мы используем чаще других, называется Запросы (Queries).
Он использует текущий сайт, на котором вы находитесь, и автоматически выполняет поиск site:domain.com в Google, а также проводит ряд проверок на наличие определенных слов в URL-адресах:
Эти запросы отлично подходят для поиска утерянных theme-файлов
Мы используем различные варианты, которые постоянно дорабатываем, но чаще всего осуществляем поиск URL-адресов, содержащих такие слова, как:
- лендинг
- портфолио
- тест
- образец
- демо
- домашняя страница
..а также множество других.
Причина, по которой мы это делаем, заключается в том, что эти слова часто попадаются на страницах, которые представляют собой не что иное, как утерянные theme-файлы. Иными словами здесь можно встретить недописанные сообщения в блогах или страницы с тонким контентом, которые, скорее всего, не стоит индексировать.
Вот код такого букмарклета:
javascript:window.open('<a href="https://www.google.com/search?q=site%3A%27+window.location.hostname">https://www.google.com/search?q=site%3A%27+window.location.hostname</a>
+%27 inurl:demo OR inurl:/home/ OR inurl:test OR inurl:-2 OR inurl:screenshot OR inurl:sample OR inurl:portfolio OR inurl:landing');
Код наглядно демонстрирует, как легко добавлять или удалять запросы в соответствии с вашими потребностями.
Если вы хотите упростить задачу с помощью запроса site:domain.com -inurl:https (отлично подходит для поиска поддоменов и страниц на защищенных сайтах), вы можете использовать следующий код:
javascript:window.location.href='<a href="https://www.google.com/search?q=site%3A%27+window.location.hostname+%27">https://www.google.com/search?q=site%3A%27+window.location.hostname+%27</a> -inurl:https'
Вы можете заменить подобный запрос — или домен Google.com на другой домен верхнего уровня (TLD) — в соответствии со своими потребностями.
Открытие нескольких вкладок с запросами (например, Google Trends, UberSuggest и Wordtracker) в одном поисковике
Этот букмарклет довольно необычный.
Вы не только можете открыть несколько вкладок Chrome одним щелчком мыши, но также можете указать определенные данные для загрузки на эти вкладки, чтобы ускорить время, необходимое для проведения любого рода исследований.
Пример такого процесса в GIF-изображении ниже (загрузка может занять секунду):
На GIF-изображении выше показаны три вкладки, открывающиеся одновременно при выполнении поиска по одному и тому же запросу.
Здесь я создаю поисковый запрос и автоматически загружаю результаты по нему в UberSuggest, Google Trends и Wordtracker.
Мы расскажем о некоторых других способах применения данного кода, но сначала давайте разберемся, почему этот вариант немного сложнее реализовать.
Настройки конфиденциальности Google Chrome по умолчанию воспринимают вторую, третью и т.д. вкладки (сколько бы их не было открыто) как всплывающие окна, даже если они открываются как новые вкладки, а не новые окна.
По умолчанию открывается только первая из них.
После того, как вы отредактируете свою закладку с помощью приведенного ниже кода, вам придется вернуться на исходную вкладку, где вы его использовали, и нажать на следующий значок:
Вам нужно будет сделать это единожды для любого выбранного сайта, и в дальнейшем не придется повторять процедуру каждый раз, когда вы открываете закладку.
По этой причине мф рекомендуем использовать данный код на сайте, которым вы часто пользуетесь: например, Google.com. Вы можете включить эту опцию на любом сайте по своему усмотрению, однако для нас это наиболее предпочтительный вариант.
С учетом вышесказанного, представляем вам код для одновременной загрузки двух любых URL-адресов:
javascript:(function() { new Promise(setQuery => { var input = window.prompt('Enter your query:'); if (input) setQuery(input); }).then(query => { window.open('<a href="https://www.wordtracker.com/search?query='">https://www.wordtracker.com/search?query='</a>; + '"' + query + '"'); window.open('<a href="https://trends.google.com/trends/explore?q='">https://trends.google.com/trends/explore?q='</a>; + '"' + query + '"');});})();
Если вы хотите, чтобы открывались три ссылки, вы можете использовать такой вариант:
javascript:(function() {new Promise(setQuery => { var input = window.prompt('Enter your query:');if (input) setQuery(input); }).then(query => {window.open('<a href="https://www.google.com/search?q='">https://www.google.com/search?q='</a>; + query);window.open('<a href="https://trends.google.com/trends/explore?q='">https://trends.google.com/trends/explore?q='</a>; + query);window.open('<a href="https://www.wordtracker.com/search?query='">https://www.wordtracker.com/search?query='</a>; + query);});})();
Вы можете настроить данныеURL-адреса в зависимости от типа сайтов, которые вы хотите открыть.
Некоторые другие варианты использования данного кода включают в себя:
-
Одновременный просмотр статистики сайта в Moz, Ahrefs, SEMRush.
- Проверка рейтинга ключевого слова в трех различных версиях Google, например. .fr, .de, .nl
- Проверка Archive.org и версии URL-адреса, на котором вы находитесь, в кэше Google (подробнее об этом мы расскажем позже).
Любой инструмент, который отображает введенный вами запрос в строке URL-адреса во время использования, будет работать отлично.
Есть несколько интересных сервисов, которые, к сожалению, не работают таким образом, например AnswerthePeople, но большинство современных инструментов будут работать точно. Это очень важно, особенно в среде SEO-специалистов.
Просмотр обратных ссылок по текущей вкладке в SEO-инструменте (Ahrefs, Moz, SEMRush и т. д.)
Хотите посмотреть статистику сайта, на котором вы находитесь, но не хотите, чтобы вам приходилось переходить в панель инструментов, копировать URL-адрес и ждать, пока все загрузится?
Одним щелчком мыши вы можете перейти с текущей вкладки к просмотру данных конкретной страницы:
Если вы часто пользуетесь каким-то конкретным SEO-инструментом, это сэкономит вам массу времени.
Чаще всего SEO-специалисты пользуются сервисом Ahrefs, но наш код работает и для любой другой популярной программы проверки ссылок.
Вот код для 
Ahrefs:
javascript:location.href='<a href="https://app.ahrefs.com/site-explorer/overview/v2/subdomains/live?target='+enpreURIComponent(location.hostname">https://app.ahrefs.com/site-explorer/overview/v2/subdomains/live?target='+enpreURIComponent...</a> + location.pathname)
А это код для 
Majestic:
javascript:location.href='<a href="https://majestic.com/reports/site-explorer?folder=&q='+window.location.href">https://majestic.com/reports/site-explorer?folder=&q='+window.location.href</a>
Код для 
Moz:
javascript:location.href='<a href="https://analytics.moz.com/pro/link-explorer/overview?site='+window.location.href">https://analytics.moz.com/pro/link-explorer/overview?site='+window.location.href</a>
Код для 
SEMRush:
javascript:location.href='<a href="https://www.semrush.com/info/'+window.location.href">https://www.semrush.com/info/'+window.location.href</a>
Возможно, вам придется настроить SEO-инструмент в зависимости от того, что именно интересует вас на конкретном сайте (например, сервис ключевых слов в Moz, а не их инструмент для проверки ссылок), сделать это довольно легко.
Если вы хотите посмотреть статистику на уровне домена, а не на уровне страницы, просто измените window.location.href на window.location.host.
Мгновенное извлечение до 100 URL-адресов из результатов поиска Google
В Интернете существуют различные варианты этого букмарклета, но они либо полны личного брендинга, либо содержат гораздо больше информации, чем чаще всего необходимо.
Вариант, который мы используем, настолько прост, насколько это возможно.
Просто нажмите на букмарклет, и вам будут показаны все URL-адреса из поисковой выдачи, в которой вы находитесь: вы можете легко их скопировать и вставить.
Вот код:
javascript:var a = document.getElementsByTagName('a'), arr = '';for(var i=0; i<a.length; i++) if (a[i].ping && !a[i].href.includes('google'))arr +=('<p>' + a[i].href + '</p>');var newWindow = window.open();newWindow.document.write(arr);newWindow.document.close();
Поскольку не имеет смысла устанавливать еще одно расширение Chrome только для перемещения по страницам, вы можете перейти в настройки Google и выбрать отображение до 100 URL-адресов по каждому результату поиска:
Получив список URL-адресов, вы можете поработать с ними в любом SEO-инструменте. Например, ScreamingFrog.
Выделите все ссылки на странице с помощью атрибута Nofollow
Атрибут Nofollow, часто называемый «ссылочным презервативом», был введен в использование поисковыми системами еще в 2005 году для гарантии того, что ссылка не повлияет на рейтинг ее получателя.
Его появление особенно порадовало блоггеров, которые обнаружили, что их разделы комментариев перегружены различным ссылочным спамом.
Быстрое определение того, имеют ли ссылки на странице статус nofollow, имеет ряд целей.
Помимо очевидного (ссылаются ли люди на вас по ссылке или нет?), нам хотелось бы знать, содержат ли ссылки в нижнем колонтитуле, которые веб-дизайнеры обычно размещают на своих сайтах, данный атрибут.
При простом нажатии на расширение Google Chrome ссылки с атрибутом nofollow четко выделяются:
Существуют расширения, которые делают это автоматически, но иметь возможность использования букмарклета — тоже неплохо.
Букмарклет, о котором мы говорим, помимо прочего, увеличивает размер шрифта ссылок, чтобы их было легче увидеть).
Вот код:
javascript:var a = document.getElementsByTagName('a');for(var i=0; i<a.length; i++)if (a[i].rel === 'nofollow') {
a[i].style.backgroundColor = 'red';a[i].style.fontSize = '2em';
}
Существует множество расширений Chrome с этой функцией, но иметь возможность использовать закладки — тоже хорошо. Кроме того, вы можете легко изменить цвет выделения на любой, который вам нравится.
Быстрая проверка плагиата (или дублированного контента) на любом сайте в Google
Мы проводим такую проверку только несколько раз для каждого сайта, но когда это экономит 5-15 секунд каждый раз, минуты быстро складываются в часы свободного времени.
Этот букмарклет позволяет вам брать текст с сайта, на котором вы находитесь, и поискать его в Google с использованием кавычек, автоматически добавляя команду site:.
Это очень полезно для поиска страниц сайта, где постоянно повторяется один и тот же текст.
Иногда, это по-настоящему выручает
Если вы хотите искать текст без использования команды site:, мы позже покажем вам, как это сделать.
Вот основной код, который открывает Google в новой вкладке:
javascript:(function() {var targetUrl = '<a href="https://www.google.com/search?q=';new">https://www.google.com/search?q=';new</a> Promise(setQuery => {var input = window.prompt('Enter your query:');if (input) setQuery(input); }).then(query =>window.open(targetUrl + 'site:' + location.hostname + ' "' + query + '"')); })();
А вот версия, которая открывает Google в текущей вкладке:
javascript:(function() {var targetUrl = '<a href="https://www.google.com/search?q=';new">https://www.google.com/search?q=';new</a> Promise(setQuery => {var input = window.prompt('Enter your query:');if (input) setQuery(input); }).then(query =>location.href = targetUrl + 'site:' + location.hostname + ' "' + query + '"'); })();
Нам нравится, когда все открывается в новых вкладках: так мы не теряем сайт, на котором находимся.
И если вы хотите, чтобы поиск осуществлялся только по тексту без команды site:, вы можете использовать следующий код:
javascript:(function() { var targetUrl = '<a href="https://www.google.com/search?q='">https://www.google.com/search?q='</a>; new Promise(setQuery => { var input = window.prompt('Enter your query:'); if (input) setQuery(input); }).then(query => window.open(targetUrl + '"' + query + '"')); })();
Поиск дублирующегося контента и неработающих страниц в Siteliner для текущего домена
Siteliner — это инструмент, разработанный Copyscape, который поможет вам быстро найти дублированный контент и неработающие страницы на любом сайте.
У бесплатной версии есть ограничение на проверку до 200 URL-адресов, но этого часто более чем достаточно, чтобы получить представление о проблемах, возникающих на сайте.
В качестве примера:
Мы не используем платную версию и, скорее всего, она нам никогда не понадобится благодаря прочим используемым инструментам. Тем не менее, он работает настолько быстро, что идеально подходит для проведения мини-аудитов или двойной проверки всего, что возможно было упущено ранее.
Вот код, который вам понадобится:
javascript:location.href='<a href="https://www.siteliner.com/'">https://www.siteliner.com/'</a>+ window.location.host
Обратите внимание, что инструмент работает на основе домена, а не URL-адреса.
Автоматическая загрузка данных SimilarWeb для домена, в котором вы находитесь
Хотя SimilarWeb не всегда является самым точным инструментом, зачастую это единственный вариант, который у нас есть, когда речь идет о получении конфиденциальной информации о любом сайте, существующем более нескольких недель.
Всего одним щелчком мыши вы переходите с сайта, на котором находитесь, к подробной информации о его работоспособности и эффективности.
Просмотр статистики по сайтам, которые получают трафик
Всего несколько секунд необходимо для получения данных по интересующему вас домену:
-
Ежемесячный трафик на сайт со всех каналов
- Предполагаемое распределение трафика: поиск/переход/реклама/прямой трафик/и т. д.
- 5 самых популярных ключевых слов, привлекающих поисковый трафик.
- Возможные конкуренты
- …и т.д.
Вот код для открытия в текущей вкладке:
javascript:location.href='<a href="https://similarweb.com/website/'+location.host">https://similarweb.com/website/'+location.host</a>
А вот код для открытия в новой вкладке:
javascript:window.open('<a href="https://similarweb.com/website/'+window.location.host)">https://similarweb.com/website/'+window.location.host)</a>;
Это буквально букмарклет «номер один» в наших браузерах, просто из-за того, как часто мы им пользуемся.
Получение статистики Pagespeed для текущего URL-адреса
Поскольку скорость загрузки страницы важна как для рейтинга в поисковых системах, так и для коэффициента конверсии, крайне важно, чтобы ваш сайт загружался быстро.
Инструмент Google PageSpeed Insights подскажет вам, что именно вам нужно улучшить для ускорения его загрузки.
Вот код для загрузки данных по вашему текущему URL-адресу:
javascript:location.href='<a href="https://developers.google.com/speed/pagespeed/insights/?url='+window.location">https://developers.google.com/speed/pagespeed/insights/?url='+window.location</a>
Если вы хотите, чтобы он работал только для домашней страницы сайта, на котором вы находитесь, измените window.location. на window.location.host.
Используйте инструмент Google Structured Data Testing для текущего URL-адреса
Поскольку структурированные данные становятся все более важными при проведении SEO-оптимизации, вы можете проверять страницы своего сайта чаще и проще, чем раньше.
Одним щелчком мыши вы можете загрузить инструмент для проверки страницы, на которой вы находитесь.
Структурированные данные становятся все более важными
Вот код для осуществления такой проверки:
javascript:location.href='<a href="https://search.google.com/structured-data/testing-tool/u/0/#url='+window.location">https://search.google.com/structured-data/testing-tool/u/0/#url='+window.location</a>
Как и раньше, если вы хотите, чтобы окодн работал только с вашим доменным именем, а не с конкретным URL-адресом, измените window.location. на window.location.host.
Проверка Archive.org на наличие текущего URL-адреса или домена
Archive.org отлично подходит для проверки того, сильно ли изменились сайты клиентов (действующих или потенциальных) за последние месяцы для объяснения колебаний их рейтинга.
Поскольку данный инструмент вы можете использовать для анализа конкурентов, он становится бесценным, когда дело касается SEO-оптимизации.
Если вы часто проверяете сайт (или планируете это делать), этот букмарклет сэкономит вам немало времени.
Вот код для проведения проверки вашего текущего URL-адреса:
javascript:location.href='<a href="https://web.archive.org/web/*/'">https://web.archive.org/web/*/'</a>+ window.location.href
Код для проверки текущего домена:
javascript:location.href='<a href="https://web.archive.org/web/*/'">https://web.archive.org/web/*/'</a>+ window.location.host
Открытие текущей вкладки в новой вкладке
Мы понимаем, вы думаете, что мы сошли с ума, и понятия не имеете, зачем вам это может пригодиться, но вы удивитесь, когда такой инструмент окажется в вашем распоряжении.
В тех особых случаях, когда вы достигли предела и CTRL + L > CTRL+ C > CTRL + T > CTRL + V > Enter приходится нажимать бесконечно (или CMD на Mac), этот букмарклет откроет все, что у вас сейчас открыто… снова.
Так выглядит код:
javascript:window.open(window.location.href)
Легко и просто.
Сначала мы хотели составить список вариантов его использования, но все они настолько случайны, что, кажется, этот процесс может стать бесконечным.
Например, иногда мы хотим одновременно просматривать сайт на рабочем столе и на мобильном устройстве на разных вкладках. Для этого просто щелкните правой кнопкой мыши > «Проверить» > «Мобильный значок». Или просто щелкните на букмарклет и половина пути будет пройдена.
Очистка кэша браузера в два раза быстрее, чем обычно
SEО-специалистам часто приходится чистить кэш, чтобы клиентские сайты, которые были просмотрены, были вне поля зрения других клиентов.
Обычно это делают, выбрав «История» > «Показать все» > «Очистить данные просмотра» > «Очистить данные».
Для ускорения этого процесса можно использовать следующий код:
chrome://settings/clearBrowserData
Но и это еще не все..
Четыре дополнительных инструмента, которые вы можете использовать
Можете ли вы нам помочь?
Нам хотелось бы расширить приведенный ниже список различными инструментами и сервисами, которые можно быстро загрузить с помощью закладок, поэтому, пожалуйста, оставляйте комментарии и делитесь своими любимыми сервисами
Google Mobile Friendly тест
Проверка доступна по ссылке: https://search.google.com/test/mobile-friendly?url=
DuckDuckGo Site: Search
Ссылка на сайт: https://duckduckgo.com/?q=site%3
KWFinder Keyword Research
Ссылка на сайт: https://app.kwfinder.com/dashboard?source_id=0&keyword=
Просмотр Google Cache страницы, на которой вы находитесь:
Используйте следующий код:
https://webcache.googleusercontent.com/
search?q=cache:’+window.location
Если у вас остались любые вопросы – не стесняйтесь задавать их в комментариях.
Бонус: расширение Chrome, которое удаляет «хлебные крошки» из результатов поисковой выдачи
За годы работы мы провели аудит сотен сайтов.
Однако недавно мы столкнулись с довольно серьезной проблемой: мы перестали видеть большое количество URL-адресов в результатах поиска.
Google существенно перебарщивает, когда дело доходит до показа «хлебных крошек».
Расширение преобразует результат поиска следующим образом:
В то время, как результат поисковой выдачи выглядит так:
Теперь вы не только можете видеть, на какую именно ссылку кликаете, но также можете использовать это для улучшения анализа результатов поиска при просмотре собственного или клиентских сайтов.
Кроме того, если данное расширение установлено, вам не обязательно включать его. Вы можете просто разрешить его работу всякий раз, когда вам это нужно.
Для этого сначала установите расширение и выполните поиск в Google. Любой поиск по вашему желанию.
Затем щелкните правой кнопкой мыши на расширение в панели инструментов и установите следующие настройки:
Таким образом, результаты поиска будут меняться только тогда, когда вы этого хотите, а не постоянно (настройка по умолчанию).
А чтобы снова отключить его, просто обновите страницу или откройте Google в другой вкладке.
Грядут большие перемены…
Наверное, вы заметили, что мы пишем в блоге только тогда, когда нам есть что сказать.
Надеемся, что информация, которой мы сегодня поделились с вами, окажется полезной и позволит упростить множество ежедневных процессов SEO-оптимизации вашего сайта.