Букмарклети для SEO-фахівця: що це і як їх використовувати

Якщо ви займаєтеся SEO-просуванням або тільки вчитеся цьому, то, можливо, чули про букмарклети. Ці непомітні маленькі утиліти можуть зробити вашу роботу більш продуктивною та результативною.

Букмарклети — це міні-скрипти або маленькі програми, які можна встановити у вашому браузері, як звичайні закладки, і використовувати для виконання різних завдань на сторінках сайту. Кожен букмарклет створюється на основі JavaScript, що дозволяє їм взаємодіяти з вмістом сторінки та виконувати різні дії.

Букмарклети допомагають:

  • аналізувати сайти;
  • збирати цінні дані;
  • моніторити різні показники продуктивності сайту в режимі реального часу;
  • активувати необхідні функції на сторінках сайтів.

Це значно спрощує та прискорює процес роботи.

Букмарклети корисні для всіх, хто працює в галузі SEO, незалежно від рівня досвіду. Вони можуть допомогти:

  • аналітикам;
  • контент-менеджерам;
  • веб-майстрам.

Букмарклети допомагають покращити показники сайту та виявити потенційні проблеми. Крім того, вони знадобляться маркетологам, які хочуть більш точно аналізувати конкурентів та розробляти стратегії просування.

Як зберегти SEO-букмарклети

Наші фахівці підготували файл, де зібрані всі букмарклети, що часто використовуються в роботі, і які допомагають максимально швидко вирішувати будь-які завдання.

Імпортуйте цей файл у браузер і почніть заощаджувати час, використовуючи готові рішення. Нижче в описі кожного букмарклета буде закріплений JavaScript-код, який за бажання можна додати вручну в закладки.

Приклад, як це буде виглядати у закладках

Приклад того, як виглядатиме ваш набір букмарклетів у закладках

Далі ми розглянемо найкорисніші букмарклети для SEO та покажемо, як вони можуть значно спростити вашу роботу та покращити результати оптимізації веб-сайтів. Не пропустіть шанс скористатися цими потужними інструментами, щоб стати справжнім майстром SEO.

Мета

Очолить наш список, мабуть, найпопулярніший букмарклет, всього в один клік ми можемо отримати велику кількість корисної інформації зі сторінки:

  • Заголовок метатегу, опис.
  • Вміст meta robots: відкрита або закрита сторінка для індексації.
  • Canonical: чи правильно вказаний.
  • Вхідні та вихідні посилання на сторінці.
  • Alt та Title картинок.
  • Наявність заголовків H1-H6 на сторінці.

Код букмарклета:

Мета

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Праймер букмарклет Мета

Підсвічування заголовка H1-H6 на сторінці

Для пошуку помилок щодо заголовків на сторінці є окремий букмарклет, за допомогою якого легко підсвітити всі заголовки на сторінці, перевірити ієрархію, а також їх вміст.

Код  букмарклета:

Підсвічування заголовка H1-H6 на сторінці

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Підсвітка заголовка H1-H6 на сторінки

Копіювати Title та Description

Тут можна поєднати два простих JavaScript-коду, які не мають візуальної частини, проте виконують свою роботу на відмінно. Одним кліком на потрібний букмарклет можна скопіювати в буфер обміну Title або Description, і далі використовувати їх на власний розсуд.

Код букмарклету Title:

Title

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Код букмарклету Description:

 

Description

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Приклад

Robots.txt

Використовуючи наступний букмарклет, перебуваючи на будь-якій сторінці сайту після натискання на закладку, ви потрапите в індексний файл robots.txt сайту і зможете детальніше його вивчити на предмет помилок. У разі потреби також можете сформувати технічне завдання щодо виправлення помилок, виявлених у файлі.

Код букмарклета:

Robots.txt

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Robots txt

XML Sitemap

Аналогічно попередньому прикладу, використовуючи швидку закладку, можна отримати доступ до карти сайту sitemap.xml, де в парі з попередньою вкладкою перевірити відповідність зазначеного шляху до карти сайту robots.txt і дійсності її розташування. Також можна перевірити коректність її складання та загалом використовувати карту xml на ваш розсуд під різні завдання.

Код букмарклета:

XML Sitemap

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

XML Sitemap

Перегляд кешу сторінки в Google

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

  • Перевірити, як виглядала сторінка в момент її останнього індексування Google.
  • Сторінку в даний момент не доступна, але необхідно отримати доступ до її вмісту.
  • Дізнатися, які метадані, заголовки та ключові слова були індексовані Google.

На букмарклеті:

Перегляд кешу сторінки в Google

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Перегляд кешу сторінки в Google

Schema Markup Validator

Для швидкого виявлення наявності мікророзмітки на сторінці, її коректності та підтримки пошуковими системами, скористайтесь закладкою Markup Validator, яка перенаправить вас на сервіс валідатора розмітки Schema.org та запустить сканування сторінки. Ви миттєво отримаєте результати аналізу сторінки та зможете ознайомитися з наявними розмітками на сторінці, а також перевірити їхню коректність.

Код букмарклета:

Засіб перевірки розмітки схеми

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Валідатор розмітки схеми

Індекс домену та сторінки Google

Наступні два букмарклети можна розглянути разом, оскільки функціонал у них один, а різниця лише в результатах видачі Google. Перша закладка Index in Google дозволить вам побачити індексування домену у пошуковій видачі Google. Друга Page index in Google виведе індексування певної сторінки, на якій ви застосували цей скрипт.

Користь букмарклета в першу чергу  уможливісті швидко дізнатися, проіндексована та чи інша сторінка в Google чи ні.

Код букмарклету:

Індекс домену та сторінки в Google

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Індекс домену та сторінки в Google

Robots.txt + meta Block Checker

Максимально корисний скрипт, за допомогою якого можна перевірити заборону на індексацію сторінки відразу в robots.txt та тезі meta robots. Приємний бонус виведення адреси канонічної сторінки.

Код букмарклета:

Robots.txt + засіб перевірки метаблоків

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Robots.txt + meta Block Checker

Перевірка заголовка Last-Modified

Перевірка коректності налаштування заголовка Last-Modified важлива для забезпечення правильної роботи сайту, підвищення швидкості його завантаження і поліпшення досвіду користувача. Для швидкої перевірки коректності заголовка Last-Modified скористайтеся цим букмарклетом.

На букмарклеті:

Перевірте заголовок Last-Modified

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Проверка заголовка Last-Modified

Аналіз домену в Ahrefs та SimilarWeb

Коли з’являється необхідність детального аналізу сайту за допомогою відомих інструментів Ahrefs або SimilarWeb, можна скористатися готовими рішеннями. Один раз натисніть на закладку з назвою Ahrefs або SimilarWeb, і вас миттєво перенаправить на обраний сервіс, де запуститься аналіз домену і ви зможете отримати більше корисної інформації, наприклад:

  • Аналіз конкурентів (Competitor Analysis).
  • Аналіз зворотних посилань (Backlink Analysis).
  • Дослідження ключових слів (Keyword Research).
  • Відстеження позицій у результатах пошуку (Rank Tracking).

Код букмарклета:

Аналіз домену в Ahrefs

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Аналіз домену в Ahrefs

Код букмарклета SimilarWeb:

Аналіз домену в SimilarWeb

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Аналіз домену в SimilarWeb

Нумерація рядків пошукової видачі Google

Буває, що потрібно дізнатися, на якій позиції є той чи інший документ у видачі Google. Серед усього достатку реклами, блоків FAQ та карток у видачі, прорахувати позицію сторінки займає багато часу. Тут допоможе зручний букмарклет Google Numerator. Під час активації у видачі пошукової системи Google кожна сторінка отримає свій номер, а також зручно підсвітить ці номери, щоб ви могли розуміти, на якій позиції та чи інша сторінка.

Код букмарклету:

Нумерація рядків пошукової видачі Google

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Нумерація рядків пошукової видачі Google

Перевірка домену у сервісі Whois

Напевно вже всі знають про сервіс Whois, який надає інформацію про домен: вік домену, його IP-адресу, і навіть ім’я власника сайту. Щоб не робити зайвих дій — скопіювати назву домену, перейти на сайт Whois, вставити, натиснути пошук просто натисніть на закладку з однойменною назвою і отримайте результат перевірки домену.

Код букмарклета:

Перевірка домену у сервісі Whois

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Перевірка домену в сервісі Whois

Перегляд сайту або сторінки у Web Archive

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

Використовуйте букмарклет Web Archive, і ви відразу переміститеся на сайт, де зберігаються всі копії документів (сторінок), які були збережені сервісом за весь доступний час: можна вибрати рік, місяць, число і подивитися, як виглядала сторінка.

Код букмарклета:

Перегляд сайту або сторінки у Web Archive

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Перегляд сайту або сторінки в Web Archive

PageSpeed ​​Insights

Потрібен для аналізу швидкості завантаження сторінок сайту на мобільних та настільних пристроях. Для цього активуйте скрипт PageSpeed ​​Insights, і вам одразу відкриється сайт сервісу, на якому вже буде запущено процес перевірки швидкості завантаження сторінки.

На букмарклеті:

PageSpeed ​​Insights

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

PageSpeed ​​Insights

Кількість символів у тексті

Якщо ви часто використовуєте онлайн-інструменти для підрахунку кількості символів або слів у контенті, то вам на допомогу прийде JavaScript-закладка. Просто додайте букмарклет «лічильник слів» у свій браузер, і він швидко покаже кількість символів та слів у вибраному контенті.

Код букмарклета:

Кількість символів у тексті

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Кількість символів у тексті

Nofollow та Dofollow-посилання на сторінці

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

Код букмарклета Highlight NoFollow:

Highlight NoFollow

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Код букмарклета Highlight DoFollow:

Highlight DoFollow

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Nofollow і Dofollow-дошки на сторінці

Прибрати зображення на сторінці

У випадку, коли вам потрібно вимкнути зображення на сторінці та ознайомитися з контентною складовою, на допомогу прийде букмарклет Hide all images. Він легко впорається із завданням та прибере всі зображення зі сторінки, що дозволить вам вивчити сторінку без картинок та зрозуміти, чи відповідає сторінка вашим намірам, якщо на стороні користувача не провантажилися картинки.

Код букмарклета:

Прибрати зображення на сторінці

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Прибрати зображення на сторінці

Прибрати зображення на сторінці

Перевірка оптимізації для мобільних (Mobile Friendly)

Google Mobile-Friendly Tools цей інструмент дозволяє власникам веб-сайтів переконатися, що їхній сайт оптимізований для перегляду на мобільних пристроях смартфонах та планшетах.

Використовуючи Google Mobile-Friendly Tools, ви можете перевірити свій сайт на мобільну дружність та отримати рекомендації щодо покращення. Це допоможе вам створити більш доступний та успішний сайт для мобільних користувачів.

Код букмарклета:

Перевірка оптимізації для мобільних (Mobile Friendly)

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:
 Перевірка оптимізації для мобільних (Mobile Friendly)

Парсинг пошукової видачі (Google SERP Scraper)

Цей букмарклет отримує всі URL-адреси з результатів пошуку (сторінка результатів пошукової системи). Він також дозволяє експортувати дані в CSV одним клацанням миші.

Код букмарклета:

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Парсинг пошуковий видачі (Google SERP Scraper)

Парсинг пошукової видачі (Google SERP Scraper)

Внутрішні та зовнішні посилання (get links)

Простенький, але в той же час корисний JavaScript-код, який дозволятиме отримати список усіх посилань на сторінці зі зручним поділом на внутрішні та зовнішні лінки.

Код букмарклета:

Внутрішні та зовнішні посилання (get links)

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Внутрішні та зовнішні посилання ( get links)

NoJS Side-by-Side

Простий букмарклет, який відображає поточну URL-адресу з JavaScript і без неї поряд у поточному вікні.

Код букмарклета:

NoJS Side-by-Side

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:
NoJS Side-by-Side

Sitemaps ping

За допомогою цього букмарклету ви можете надіслати URL нового файлу Sitemap в пошукову систему Google або повідомити про оновлення існуючого.

Код букмарклета:

Sitemaps ping

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:

Sitemaps ping

Подивитися вихідний код DOM

Букмарклет, що дозволяє побачити джерело сторінки над відповіді сервера, а отрендеренном DOM. Це особливо корисно для сайтів, які використовують для відображення вмісту рендеринг на стороні клієнта та JavaScript.

На букмарклеті:

Подивитися вихідний код DOM

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:
Подивитися вихідний код DOM

Перевірка розширених результатів

Офіційний інструмент, розроблений Google, та призначений для перевірки структурованих даних. Він дозволяє дізнатися, які результати можуть бути створені на основі структурованих даних на вашій сторінці і як ці результати будуть виглядати в пошуку Google.

Код букмарклета:

Перевірка розширених результатів

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:
Перевірка розширених результатів

Відкрити сторінку у звіті про продуктивність GSC

Цей букмарклет відкриває поточну сторінку на вкладці продуктивності консолі пошуку Google, де можна переглянути показники її ефективності в Google: кліки, покази, середній CTR, середня позиція і т.д.

Код букмарклета:

Відкрити сторінку у звіті про продуктивність GSC

Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок

Приклад:
Відкрити сторінку у звіті про продуктивність GSC

Букмарклети — must have кожного SEOшника

За допомогою букмарклетів SEO-фахівці можуть збільшити ефективність своєї роботи, заощадивши час та ресурси. Вони дозволяють буквально одним кліком виконувати безліч завдань, які б вимагали багатогодинної ручної праці.

Не забувайте, що ефективне використання букмарклетів потребує практики та знань у галузі SEO. Тому, якщо ви тільки починаєте свій шлях у цій галузі, не бійтеся експериментувати та вчитися. Або звертайтеся за SEO-просуванням до фахівців Inweb.

Стаття оновлена 19.02.2024