Главная » Блог » SEO | Органическое продвижение сайта » SEO букмарклеты: 14 скриптов, которые помогут ускорить оптимизацию сайта

SEO букмарклеты: 14 скриптов, которые помогут ускорить оптимизацию сайта

31.12.2020

Ярослав Бешта


31.12.2020

Ярослав Бешта, SEO-специалист Webpromo


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

 

Что такое «seo букмарклеты»?

SEO букмарклеты ― это инструмент, который облегчает работу seo-специалиста при выполнении рутинных (шаблонных) задач. Каждый букмарклет представляет собой некий JavaScript-код, который хранится в закладках браузера и определенным образом расширяет его функционал. Букмарклеты можно использовать в SEO следующим образом:

  • быстро корректировать страницу и делать её более удобной для восприятия (менять размер текста, цвет фона, увеличивать поля ввода);
  • выгружать данные из страницы, которые интересуют специалиста;
  • узнавать название стилей и классов элементов DOM дерева, а также извлекать информацию о свойстве определённых элементов;
  • быстро отправлять URL страниц на проверку в сервисы Google такие как: инструмент проверки структурированных данных, PageSpeed Insights, Mobile Friendly Tools.

Что такое букмарклеты и как их использовать для SEO

 

Как установить букмарклет в браузер

Установка SEO букмарклета практически ничем не отличается от установки любой другой закладки. Если в браузере отключена панель закладок, вызвать её можно простой комбинацией клавиш Ctrl+Shift+B для Windows или Command+Shift+B для Mac. В ином случае этот шаг можно пропустить.

Открытый в окне букмарклет левой кнопкой мыши перетаскиваем на панель закладок. Для того, чтобы изменить название закладки, необходимо воспользоваться правой клавишей мышки и выбрать действие «Изменить».

 

Преимущества использования инструмента в SEO

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

  • Может работать в любом браузере: Google Chrome, Mozilla Firefox, Opera, Safari и многих других;
  • Оперативная память компьютера не перегружается, поскольку пользователь самостоятельно запускает скрипт по мере необходимости;
  • SEO букмарклет легко установить. Сделать это можно прямо в используемом браузере. Скачивание дополнительных программ и плагинов не требуется.

 

SEO букмарклеты для работы с Google

Ниже рассмотрим самые популярные скрипты, которые значительно упрощают работу seo-специалиста с Google и его сервисами.

  • Google Index ― проверяет проиндексирована ли страница в Google через оператор site:URL.

Букмарклет для проверки индексации страницы в Google

Код:
javascript:(function()%7Bwindow.open(%27https://www.google.ru/search%3Fq%3Dsite:%27%2Blocation.host)%7D)()%3B

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

Букмарклет для поиска информации в кеше страницы

Код:
javascript:(function()%7Bwindow.open(%27http://webcache.googleusercontent.com/search%3Fq%3Dcache:
%27%2BencodeURIComponent(location.href))%7D)()%3B

  • Проверка скорости загрузки страниц Google ― с помощью сервиса PageSpeed Insights происходит тестирование скорости загрузки открытой страницы.

Букмарклет для проверки скорости загрузки страниц Google

Код: 
javascript:(function()%7Bwindow.open(%27https://developers.google.com/speed/pagespeed/insights/
%3Furl%3D%27%2BencodeURIComponent(location.href))%7D)()%3B

  • Проверка для мобильных устройств Google ― тест оптимизации страницы для просмотра с мобильного устройства.

Букмарклет для проверки оптимизации мобильной версии страницы

Код: 
javascript:(function()%7B window.open(%27https://www.google.ru/webmasters/tools/mobile-friendly/
%3Furl%3D%27%2BencodeURIComponent(location.href))%7D)()%3B

  • Проверка микроразметки Google ― отправляет URL страницы в сервис  «Инструмент проверки структурированных данных», где пользователь может проверить корректность микроразметки установленной на проверяемой странице. 

Букмарклет для проверки микроразметки страниц Google

Код:
javascript:(function()%7b window.open('https://search.google.com/structured-data/
testing-tool/u/0/?url='+encodeURIComponent
(location.href))%7d)();

SEO букмарклеты для работы с сайтом

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

  • Подсветка заголовков ― одним кликом выделяет все заголовки на странице (Н1-Н6) разными цветами, за исключением скрытых в display:none. С помощью повторного использования скрипта можно убрать все изменения.

Букмарклет для выделения заголовков в тексте цветом

Код:
javascript:(function()%7Bvar style%3Ddocument.getElementById(%27bstrongemhighlight%27)%3Bif(style)
%7Bstyle.remove()%3B%7Delse%7Bvar bStngEm%3Ddocument.createElement(%27style%27)%3BbStngEm.setAttribute(%27type%27,%27text/css%27)
%3BbStngEm.setAttribute(%27id%27,%27bstrongemhighlight%27)%3BbStngEm.innerHTML%3D%27h1:before
%7Bcontent: %5Cu0022H1 - %5Cu0022 !important%3B%7D h2:before %7Bcontent: %5Cu0022H2 - %5Cu0022
!important%3B%7D h3:before %7Bcontent: %5Cu0022H3 - %5Cu0022 !important%3B%7D h4:before %7Bcontent: %5Cu0022H4 - %5Cu0022
!important%3B%7D h5:before %7Bcontent: %5Cu0022H5 - %5Cu0022 !important%3B%7D h6:before %7Bcontent: %5Cu0022H6 - %5Cu0022
!important%3B%7D h1 %7Bbackground-color: pink !important%3B border: solid !important%3B padding: 2px !important%3B color: black
!important%3B%7D h2 %7Bbackground-color: orange !important%3B border: solid !important%3B padding: 2px !important%3B
color: black !important%3B%7D h3 %7Bbackground-color: yellow !important%3B border: solid !important%3B
padding: 2px !important%3B color: black !important%3B%7D h4 %7Bbackground-color: aquamarine !important%3B border: solid
!important%3B padding: 2px !important%3B color: black !important%3B%7D h5 %7Bbackground-color: lightskyblue
!important%3B border: solid !important%3B padding: 2px !important%3B color: black !important%3B%7D h6 %7Bbackground-color:
plum !important%3B border: solid !important%3B padding: 2px !important%3B color: black
!important%3B%7D%27%3Bdocument.getElementsByTagName(%27body%27)%5B0%5D.appendChild(bStngEm)
%3B%7D%7D)()%3Bvoid(0)%3B

  • Words Counter ― скрипт создан для подсчитывания количества слов и символов на выделенном фрагменте текста.

Букмарклет для подсчета количества слов и символов в выделенном тексте

Код:
javascript:(function()%7Bfunction f(d)%7Bvar t%3Bif(d.getSelection)t%3Dd.getSelection()%3Belse
if(d.selection)t%3Dd.selection.createRange()%3Bif(t.text!%3Dundefined)t%3Dt.text%3Bif(!t%7C%7Ct%3D%3D%27%27)%7Bvar
a%3Dd.getElementsByTagName(%27textarea%27)%3Bfor(var i%3D0%3Bi < a.length%3B%2B%2Bi) %7Bif(a%5Bi%5D.selectionStart!%3Dundefined%26%26a%5Bi%5D.selectionStart!%3Da%5Bi%5D.selectionEnd) %7Bt%3Da%5Bi%5D.value.substring(a%5Bi%5D.selectionStart,a%5Bi%5D.selectionEnd)%3Bbreak%3B%7D%7D%7D return t%3B%7D%3Bfunction g(d)%7Bvar t%3Btry%7Bt%3Df(d)%3B%7Dcatch(e)%7B%7D%3Bif(!t%7C%7Ct%3D%3D%27%27)%7Bvar fs%3Dd.getElementsByTagName(%27frame%27)%3Bfor(var i%3D0%3Bi < fs.length%3B%2B%2Bi)%7Bt%3Dg(fs%5Bi%5D.contentDocument) %3Bif(t%26%26t.toString()!%3D%27%27)break%3B%7D if(!t%7C%7Ct.toString()%3D%3D%27%27) %7Bfs%3Dd.getElementsByTagName(%27iframe%27)%3B for(var i%3D0%3Bi < fs.length%3B%2B%2Bi)%7Bt%3Dg(fs%5Bi%5D.contentDocument)%3Bif(t%26%26t.toString()!%3D%27%27) break%3B%7D%7D%7Dreturn t%3B%7D%3Bvar t%3Dg(document)%3Bif(!t%7C%7Ct%3D%3D%27%27)alert(%27please select some text%27) %3Belse alert(%27Символов: %27%2Bt.toString().length%2B%27%5Cn Символов без пробелов: %27%2Bt.toString().replace(/%5Cs%2B/g, %27%27,%27%27).length%2B%27%5Cn Слов: %27%2Bt.toString().match(/(%5CS%2B)/g).length)%3B%7D)()

  • Last Modified/If-Modifies-Since ― тестирует корректность настроек заголовков Last-Modified / If-Modified-Since на открытой странице.

Букмарклет для проверки корректности настроек заголовков на странице

Код:
javascript:(function()%7Bvar xhr%3Dnew XMLHttcodequest()%3Bvar url%3Dlocation.protocol%2B%27//
%27%2Blocation.hostname%2Blocation.pathname%2Blocation.search%3Bxhr.open(%27GET%27,url,true)%3Bxhr.send()
%3Bxhr.onload%3Dfunction()%7Bvar lm%3Dthis.getResponseHeader(%27Last-Modified%27)%3Bif(lm)
%7Blm%3DDate.parse(lm)%2B1%3Blm%3Dnew Date(lm).toString()%3Blm%3Dlm.replace(/%5E(.%7B3%7D)/gi,%27%241,%27)%3Bvar
xhr2%3Dnew XMLHttcodequest()%3Bxhr2.open(%27GET%27,url,true)%3Bxhr2.setRequestHeader(%27If-Modified-Since%27,
%27Tue, Oct 09 2018 17:10:30 GMT%27)%3Bxhr2.send()%3Bxhr2.onload%3Dfunction()%7Bvar c%3D(xhr2.status%3D%3D304)%3F%27✓
%27:%27— %27%3Balert(%27✓ Документ вернул заголовок Last-Modified%5Cn%27%2Bc%2B%27
Код ответа документа с заголовком If-Modified-Since: %27%2Bxhr2.status)%3B%7D%7Delse%7Balert
(%27— Документ не вернул заголовок Last-Modified%27)%3B%7D%7D%7D)()%3Bvoid(0)%3B

  • Sitemap.xml ― после запуска скрипта в новой вкладке выводится файл sitemap.xml открытого сайта.

Код:
javascript:void(window.open(location.protocol %2B %27//%27 %2B location.host %2B %27/sitemap.xml%27))

  • Robots.txt ― специалист может увидеть файл robots.txt текущего сайта в новой вкладке. 

Код:
javascript:void(window.open(location.protocol %2B %27//%27 %2B location.host %2B %27/robots.txt%27))

  • WHOIS ― позволяет узнать основную информацию о регистрации домена. Сбор данных осуществляется через сервис reg.ru.

Букмарклет для проверки информации о регистрации домена

Код:
javascript:(function()%7Bwindow.open(%27https://www.reg.ru/whois/%3Fdname%3D%27%2Blocation.host)%7D)()%3B

  • Webarchive ― позволяет посмотреть историю сайта через сервис web.archive.org.

Букмарклет для проверки истории сайта

Код:
javascript:(function()%7B window.open(%27http://web.archive.org/web/*/%27%2Blocation.href)%7D)()%3B

  • Проверка SSL сертификата ― скрипт тестирует правильность установки SSL сертификата.

Букмарклет для проверки SSL сертификата

Код:
javascript:(function()%7Bwindow.open(%27https://www.ssllabs.com/ssltest/analyze.html%3Fd%3D%27%2Blocation.host)%7D)()%3B

  • Проверка кода ответа в bertal.ru ― после запуска скрипт отправляет URL адрес открытой страницы на сервис Bertal, чтоб протестировать код ответа сервера.

Букмарклет для тестирования кода ответа сервера

Код:
javascript:(function()%7B var form %3D document.createElement(%27form%27)%3B form.action %3D %27http://www.bertal.ru/index.php%27%3B form.target %3D %27_blank%27%3Bform.id%3D%27bertal_form%27%3Bform.method%3D%27POST%27%3Bvar url%3Ddocument.createElement(%27input%27)%3Burl.name%3D%27url%27%3Burl.value%3Dwindow.location%3Bvar subm%3Ddocument.createElement(%27input%27)%3Bsubm.type%3D%27submit%27%3Bsubm.id%3D%27bertal_id%27%3Bvar ua%3Ddocument.createElement(%27input%27)%3Bua.name%3D%27ua%27%3Bua.value%3D%27Mozilla/5.0 (compatible%3B YandexBot/3.0%3B %2Bhttp://yandex.com/bots)%27%3Bvar code%3Ddocument.createElement(%27input%27)%3Bcode.name%3D%27body%27%3Bcode.value%3D%27on%27%3Bform.appendChild(url)%3Bform.appendChild(ua)%3Bform.appendChild(code)%3Bform.appendChild(subm)%3Bvar body%3Ddocument.body%3Bbody.appendChild(form)%3Bsubm.click()%3Bbody.removeChild(form)%3B%7D)()%3B

Заключение

Букмарклеты ― очень полезная вещь для любого seo-специалиста. Принцип их работы напоминает обычные плагины, только пользоваться ими можно в любом браузере. Установка занимает всего несколько секунд. Они могут выполнять как лёгкие, так и более сложные задачи, что сильно ускоряет работу по автоматизации процессов продвижения сайта и значительно повышает её качество.

Последние материалы рубрики

поисковые запросы Google

ТОП-100 поисковых запросов и популярных вопросов в Google за...

О чем спрашивают Google пользователи? Чем интересуются и как вводят ключи

TikTok представляет 3 типа торговой рекламы

TikTok for Business добавил новые функции для продвижения e-commerce

Актуальные размеры баннеров Google Ads

Какие размеры баннеров использовать в медийной рекламе? Узнайте какой формат принесет наибольшую эффективность рекламным кампаниям.

Обновления Meta

Meta презентовала новый способ планирования Reels

Facebook все больше делает акцент на роликах Reels. Новая функция поможет планировать выход видеоконтента

Остались вопросы?
Наши эксперты готовы ответить на них

Свяжитесь по указанному ниже телефону с нашим менеджером или воспользуйтесь услугой «Перезвонить мне». Мы свяжемся с вами в ближайшее время.

Каждый участник — мастер своего дела
Ценю Webpromo за гибкость
Команда Webpromo, как продолжение нашего отдела маркетинга
Спокоен за продвижение своих проектов в интернете