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

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

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

Приклад:

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

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

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

javascript:(function(){var title=document.title;if(!title||title==''){alert('%D0%9F%D1%83%D1%81%D1%82%D0%BE%D0%B9 Title');return;}if(navigator.userAgent.toLowerCase().indexOf('firefox')+1){var block=document.createElement('div');var first=document.getElementsByTagName('body')[0].childNodes[0];block.style='position:fixed;z-index:999999999;width:auto;top:0px;height:auto;background:#f8f8f8;left:45%;border:%202px%20solid%20black;';block.className='pxtblock';block.innerHTML='%3Cp%20style=\u0022color:#000;text-align:center;margin:10px;\u0022%3E%D0%A1%D0%BA%D0%BE%D0%BF%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C%20Title%20%D0%B2%20%D0%B1%D1%83%D1%84%D0%B5%D1%80%20%D0%BE%D0%B1%D0%BC%D0%B5%D0%BD%D0%B0?%3C/p%3E%3Cbr%3E%3Cp%20style=\u0022text-align:center;margin:10px;\u0022%3E%3Cbutton%20onclick=\u0022javascript:(function(){var%20title%20=%20document.title;%20var%20ta%20=%20document.createElement(\'textarea\');var%20body%20=%20document.querySelector(\'body\');body.appendChild(ta);%20ta.innerHTML%20=%20title;%20ta.select();%20document.execCommand(\'copy\');body.removeChild(ta);%20var%20pxtblock=document.querySelector(\'div.pxtblock\');%20body.removeChild(pxtblock);})();\u0022%3E%D0%A1%D0%BA%D0%BE%D0%BF%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C%3C/button%3E%3Cbutton%20onclick=\u0022javascript:(function(){var%20pxtblock=document.querySelector(\'div.pxtblock\');%20document.querySelector(\'body\').removeChild(pxtblock);})();\u0022%3E%D0%9E%D1%82%D0%BC%D0%B5%D0%BD%D0%B0%3C/button%3E%3C/p%3E';document.getElementsByTagName('body')[0].insertBefore(block,first);return;}var%20ta=document.createElement('textarea');var%20body=document.querySelector('body');body.appendChild(ta);ta.innerHTML=title;ta.select();document.execCommand('copy');body.removeChild(ta);})();

Title

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

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

javascript:(function(){var description=document.querySelector('meta[name=description]');if(!description){alert('Description %D0%BE%D1%82%D1%81%D1%83%D1%82%D1%81%D1%82%D0%B2%D1%83%D0%B5%D1%82');return;}var dt=description.content;if(!dt||dt==''){alert('%D0%9F%D1%83%D1%81%D1%82%D0%BE%D0%B9 Description');return;}if(navigator.userAgent.toLowerCase().indexOf('firefox')+1){var block=document.createElement('div');var first=document.getElementsByTagName('body')[0].childNodes[0];block.style='position:fixed;z-index:999999999;width:auto;top:0px;height:auto;background:#f8f8f8;left:45%;border:%202px%20solid%20black;';block.className='pxtblock';block.innerHTML='%3Cp%20style=\u0022color:#000;text-align:center;margin:10px;\u0022%3E%D0%A1%D0%BA%D0%BE%D0%BF%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C%20Description%20%D0%B2%20%D0%B1%D1%83%D1%84%D0%B5%D1%80%20%D0%BE%D0%B1%D0%BC%D0%B5%D0%BD%D0%B0?%3C/p%3E%3Cbr%3E%3Cp%20style=\u0022text-align:center;margin:10px;\u0022%3E%3Cbutton%20onclick=\u0022javascript:(function(){var%20description%20=%20document.querySelector(\'meta[name=description]\').content;%20var%20ta%20=%20document.createElement(\'textarea\');var%20body%20=%20document.querySelector(\'body\');body.appendChild(ta);%20ta.innerHTML%20=%20description;%20ta.select();%20document.execCommand(\'copy\');body.removeChild(ta);%20var%20pxtblock=document.querySelector(\'div.pxtblock\');%20body.removeChild(pxtblock);})();\u0022%3E%D0%A1%D0%BA%D0%BE%D0%BF%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C%3C/button%3E%3Cbutton%20onclick=\u0022javascript:(function(){var%20pxtblock=document.querySelector(\'div.pxtblock\');%20document.querySelector(\'body\').removeChild(pxtblock);})();\u0022%3E%D0%9E%D1%82%D0%BC%D0%B5%D0%BD%D0%B0%3C/button%3E%3C/p%3E';document.getElementsByTagName('body')[0].insertBefore(block,first);return;}var%20ta=document.createElement('textarea');var%20body=document.querySelector('body');body.appendChild(ta);ta.innerHTML=dt;ta.select();document.execCommand('copy');body.removeChild(ta);})();

Description

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

Приклад:

Robots.txt

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

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

javascript:void(location.href='https://' + location.host + '/robots.txt')

Robots.txt

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

Приклад:

XML Sitemap

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

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

javascript:void(location.href='https://' + location.host + '/sitemap.xml')

XML Sitemap

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

Приклад:

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

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

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

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

javascript:void((function(){var%20a=location.href.replace(/^http%5C:%5C/%5C/(.*)$/,"$1");location.href="http://www.google.com/search?q=cache:%22+escape(a)+%22&strip=1%22;})())

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

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

Приклад:

Schema Markup Validator

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

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

javascript:(function(){window.open('https://validator.schema.org/#url='+encodeURIComponent(location.href))})();%EF%BB%BF

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

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

Приклад:

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

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

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

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

javascript:(function()%7b window.open('http://www.google.com/search?q=site%3A%27+location.host)%7d)();

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

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

Приклад:

Robots.txt + meta Block Checker

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

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

javascript:(function(){var s=document.createElement('script');s.type='text/javascript';s.src='https://opencart.inweb.ua/robots.js';s.setAttribute('charset','utf-8');document.getElementsByTagName('body')[0].appendChild(s)})();void(0);

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

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

Приклад:

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

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

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

javascript:(function(){var xhr=new XMLHttpRequest();var url=location.protocol+'//'+location.hostname+location.pathname+location.search;xhr.open('GET',url,true);xhr.send();xhr.onload=function(){var lm=this.getResponseHeader('Last-Modified');if(lm){lm=Date.parse(lm)+1;lm=new Date(lm).toString();lm=lm.replace(/^(.{3})/gi,'$1,');var xhr2=new XMLHttpRequest();xhr2.open('GET',url,true);xhr2.setRequestHeader('If-Modified-Since','Tue, Oct 09 2018 17:10:30 GMT');xhr2.send();xhr2.onload=function(){var c=(xhr2.status==304)?%27%E2%9C%93%20%27:%27%E2%80%94%20%27;alert(%27%E2%9C%93%20%D0%94%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%20%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D0%BB%20%D0%B7%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BE%D0%BA%20Last-Modified\n%27+c+%27%D0%9A%D0%BE%D0%B4%20%D0%BE%D1%82%D0%B2%D0%B5%D1%82%D0%B0%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%20%D1%81%20%D0%B7%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BA%D0%BE%D0%BC%20If-Modified-Since:%20%27+xhr2.status);}}else{alert(%27%E2%80%94%20%D0%94%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%20%D0%BD%D0%B5%20%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D0%BB%20%D0%B7%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BE%D0%BA%20Last-Modified%27);}}})();void(0);

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

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

Приклад:

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

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

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

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

javascript:void(window.open('https://app.ahrefs.com/site-explorer/overview/v2/subdomains/live?target=%27+window.location.hostname));

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

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

Приклад:

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

javascript:(function(){%20var%20url%20=%20document.location.hostname;%20var%20newwin%20=%20'http://www.similarweb.com/website/'%20+%20url;%20window.open(newwin);%20})();

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

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

Приклад:

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

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

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

javascript:var h=location.hostname;if("www.google"==h.substring(0,10)){var sum=0,s=document.querySelectorAll(".g:not(.mnr-c)");s.length&&(str=s[0].innerText.length);0==document.getElementsByTagName("z").length&&(1

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

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

Приклад:

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

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

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

javascript:(function(){window.open('https://who.is/whois/%27+location.host)})();

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

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

Приклад:

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

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

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

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

javascript:location.href='http://web.archive.org/web/*/'+window.location.href;

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

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

Приклад:

PageSpeed ​​Insights

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

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

javascript:(function(){%20window.open('http://developers.google.com/speed/pagespeed/insights/?url=%27+encodeURIComponent(location.href))})();

PageSpeed ​​Insights

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

Приклад:

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

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

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

javascript:(function(){function f(d){var t;if(d.getSelection)t=d.getSelection();else if(d.selection)t=d.selection.createRange();if(t.text!=undefined)t=t.text;if(!t||t==''){var a=d.getElementsByTagName('textarea');for(var i=0;i

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

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

Приклад:

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

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

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

javascript:var%20t=document.getElementsByTagName('a');for(i=0;i

Highlight NoFollow

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

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

javascript:var%20t=document.getElementsByTagName('a');for(i=0;i

Highlight DoFollow

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

Приклад:

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

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

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

javascript:(function(){function toArray (c){var a, k;a=new Array;for (k=0; k < c.length; ++k)a[k]=c[k];return a;}var images, img, altText;images=toArray(document.images);for (var i=0; i < images.length; ++i){img=images[i];altText=document.createTextNode(img.alt);img.parentNode.replaceChild(altText, img)}})();

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

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

Приклад:

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

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

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

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

javascript:(javascript:(function()%7b window.open('https://www.google.com/webmasters/tools/mobile-friendly/?url=%27+location.host)%7d)();

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

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

Приклад:

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

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

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

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

Приклад:

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

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

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

javascript:var%20b=location.host.toLowerCase().replace(/^www\./i,""),d={local:[],external:[]},e=window.open("","links_"+String(Math.random()).slice(-6));[].forEach.call(document.getElementsByTagName("a"),function(a){var%20c=a.host.toLowerCase().replace(/^www\./i,""),c=b==c?%22local%22:%22external%22;a=a.href;-1==d[c].indexOf(a)&&d[c].push(a)});e.document.writeln(%22%3Cpre%3E%22);for(var%20f%20in%20d)e.document.writeln(%22%3Cbr%3E%3Cb%3E%22+f+%22%3C/b%3E%22),d[f].forEach(function(a){e.document.writeln(a)});

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

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

Приклад:

NoJS Side-by-Side

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

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

javascript:!function(){var e=document.createElement("style");e.innerHTML="\n .side-by-side{\n position:absolute;\n top:0;\n width: 50vw;\n height:100vh!important;\n z-index:999;\n }\n .side-by-side-nojs {\n left:50%;\n }\n .side-by-side-js {\n left:0;\n }\n .side-by-side-label {\n padding: 10px;\n background-color: black;\n color: white;\n font-size: 12px;\n position: absolute;\n z-index: 1000;\n margin: 10px;\n opacity: 0.7;\n text-transform: uppercase;\n font-family: 'Arial';\n pointer-events: none;\n }\n .no_js{\n left:50vw;\n }\n body{\n display:none!important;\n overflow:hidden!important;\n }\n ",document.head.appendChild(e);var n=document.createElement("div");n.setAttribute("class","js side-by-side-label"),n.innerText="JavaScript Enabled",document.body.insertAdjacentElement("afterend",n);var t=document.createElement("div");t.setAttribute("class","no_js side-by-side-label"),t.innerText="JavaScript Disabled",document.body.insertAdjacentElement("afterend",t);var i=document.createElement("iframe");i.setAttribute("class","side-by-side-nojs side-by-side"),i.src=window.location.href,i.frameBorder=0,i.sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-top-navigation",document.body.insertAdjacentElement("afterend",i);var o=document.createElement("iframe");o.setAttribute("class","side-by-side-js side-by-side"),o.src=window.location.href,o.frameBorder=0,document.body.insertAdjacentElement("afterend",o)}();

NoJS Side-by-Side

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

Приклад:

Sitemaps ping

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

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

javascript:(function(){window.open('https://www.google.com/ping?sitemap=%27+encodeURIComponent(location.href))})();%EF%BB%BF

Sitemaps ping

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

Приклад:

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

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

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

javascript:(function()%7Bconst%20content%20%3D%20document.documentElement.outerHTML.replace(%2F%5B%5Cu00A0-%5Cu9999%3C%3E%5C%26%5D%2Fgim%2C%20function(i)%20%7B%0A%20%20return%20'%26%23'%20%2B%20i.charCodeAt(0)%20%2B%20'%3B'%3B%0A%7D)%3B%0Adocument.documentElement.innerHTML%20%3D%20%60%3Chtml%3E%0A%20%20%3Chead%3E%0A%20%20%20%20%3Clink%20rel%3D%22stylesheet%22%20href%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fprism%2F1.20.0%2Fthemes%2Fprism.css%22%3E%0A%20%20%3C%2Fhead%3E%0A%20%20%3Cbody%3E%0A%20%20%20%20%3Cpre%3E%3Ccode%20class%3D%22lang-html%22%3E%24%7Bcontent%7D%3C%2Fcode%3E%3C%2Fpre%3E%0A%20%20%3C%2Fbody%3E%0A%3C%2Fhtml%3E%60%3B%0A%0A%2F%2F%20beautify%0Aconst%20b1%20%3D%20document.createElement('script')%3B%0Aconst%20b2%20%3D%20document.createElement('script')%3B%0Aconst%20b3%20%3D%20document.createElement('script')%3B%0A%0Ab1.src%20%3D%20'https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fjs-beautify%2F1.11.0%2Fbeautify.min.js'%3B%0Ab2.src%20%3D%20'https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fjs-beautify%2F1.11.0%2Fbeautify-css.min.js'%3B%0Ab3.src%20%3D%20'https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fjs-beautify%2F1.11.0%2Fbeautify-html.min.js'%3B%0A%0Alet%20loaded%20%3D%200%3B%0A%0Afunction%20onBeautifyLoaded()%20%7B%0A%20%20loaded%2B%2B%3B%0A%20%20if(loaded%20%3D%3D%203)%20%7B%0A%20%20%20%20document.querySelector('code').textContent%20%3D%20html_beautify(document.querySelector('code').textContent%2C%20%7B%0A%20%20%20%20%20%20indent_size%3A%202%2C%0A%20%20%20%20%20%20max_preserve_newlines%3A%201%0A%20%20%20%20%7D)%3B%0A%20%20%20%20%2F%2F%20for%20some%20reason%20doesn't%20work%20in%20innerHTML%20%3A%2F%0A%20%20%20%20const%20prism%20%3D%20document.createElement('script')%3B%0A%20%20%20%20prism.src%20%3D%20'https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fprism%2F1.20.0%2Fprism.min.js'%3B%0A%20%20%20%20document.body.appendChild(prism)%3B%0A%20%20%7D%0A%7D%0A%0Ab1.addEventListener('load'%2C%20onBeautifyLoaded)%3B%0Ab2.addEventListener('load'%2C%20onBeautifyLoaded)%3B%0Ab3.addEventListener('load'%2C%20onBeautifyLoaded)%3B%0A%0Adocument.head.appendChild(b1)%3B%0Adocument.head.appendChild(b2)%3B%0Adocument.head.appendChild(b3)%3B%7D)()%3B

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

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

Приклад:

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

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

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

javascript:void(window.open('https://search.google.com/test/rich-results?user_agent=1&url=%27+encodeURIComponent(location.href)))

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

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

Приклад:

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

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

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

javascript:void(window.open('https://search.google.com/search-console/performance/search-analytics?resource_id='+encodeURIComponent(window.location.origin)+'&page=!'+encodeURIComponent(window.location.href)))

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

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

Приклад:

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

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

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

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