Букмарклети для SEO-фахівця: що це і як їх використовувати
Якщо ви займаєтеся SEO-просуванням або тільки вчитеся цьому, то, можливо, чули про букмарклети. Ці непомітні маленькі утиліти можуть зробити вашу роботу більш продуктивною та результативною.
Букмарклети допомагають:
- аналізувати сайти;
- збирати цінні дані;
- моніторити різні показники продуктивності сайту в режимі реального часу;
- активувати необхідні функції на сторінках сайтів.
Це значно спрощує та прискорює процес роботи.
Букмарклети корисні для всіх, хто працює в галузі SEO, незалежно від рівня досвіду. Вони можуть допомогти:
- аналітикам;
- контент-менеджерам;
- веб-майстрам.
Букмарклети допомагають покращити показники сайту та виявити потенційні проблеми. Крім того, вони знадобляться маркетологам, які хочуть більш точно аналізувати конкурентів та розробляти стратегії просування.
Як зберегти SEO-букмарклети
Наші фахівці підготували файл, де зібрані всі букмарклети, що часто використовуються в роботі, і які допомагають максимально швидко вирішувати будь-які завдання.
Імпортуйте цей файл у браузер і почніть заощаджувати час, використовуючи готові рішення. Нижче в описі кожного букмарклета буде закріплений JavaScript-код, який за бажання можна додати вручну в закладки.
Приклад того, як виглядатиме ваш набір букмарклетів у закладках
Далі ми розглянемо найкорисніші букмарклети для SEO та покажемо, як вони можуть значно спростити вашу роботу та покращити результати оптимізації веб-сайтів. Не пропустіть шанс скористатися цими потужними інструментами, щоб стати справжнім майстром SEO.
Мета
Очолить наш список, мабуть, найпопулярніший букмарклет, всього в один клік ми можемо отримати велику кількість корисної інформації зі сторінки:
- Заголовок метатегу, опис.
- Вміст meta robots: відкрита або закрита сторінка для індексації.
- Canonical: чи правильно вказаний.
- Вхідні та вихідні посилання на сторінці.
- Alt та Title картинок.
- Наявність заголовків H1-H6 на сторінці.
Код букмарклета:
javascript:(javascript:(function(){var s=document.createElement('script');s.type='text/javascript';s.src='https://inweb.ua/bm/meta.js';s.setAttribute('charset','utf-8');document.getElementsByTagName('body')[0].appendChild(s)})();void(0);
Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Приклад:
Підсвічування заголовка H1-H6 на сторінці
Для пошуку помилок щодо заголовків на сторінці є окремий букмарклет, за допомогою якого легко підсвітити всі заголовки на сторінці, перевірити ієрархію, а також їх вміст.
Код букмарклета:
javascript:void((function(){var a,b,c,d,e,f;f=new Array('pink','orange','yellow','aquamarine','lightskyblue','plum');for(a=1;a<=6;a++){b=document.getElementsByTagName('h'+a);for(c=0;c<b.length;c++){d=b[c];e=d.style;e.backgroundColor=f[a-1];e.border='solid';e.padding='2px';e.color='black';d.innerHTML='H'+a+' - '+d.innerHTML;}}})())
Підсвічування заголовка 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);})();Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Код букмарклету 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);})();Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Приклад:
Robots.txt
Використовуючи наступний букмарклет, перебуваючи на будь-якій сторінці сайту після натискання на закладку, ви потрапите в індексний файл robots.txt сайту і зможете детальніше його вивчити на предмет помилок. У разі потреби також можете сформувати технічне завдання щодо виправлення помилок, виявлених у файлі.
Код букмарклета:
javascript:void(location.href='https://' + location.host + '/robots.txt')
Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Приклад:
XML Sitemap
Аналогічно попередньому прикладу, використовуючи швидку закладку, можна отримати доступ до карти сайту sitemap.xml, де в парі з попередньою вкладкою перевірити відповідність зазначеного шляху до карти сайту robots.txt і дійсності її розташування. Також можна перевірити коректність її складання та загалом використовувати карту xml на ваш розсуд під різні завдання.
Код букмарклета:
javascript:void(location.href='https://' + location.host + '/sitemap.xml')
Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Приклад:
Перегляд кешу сторінки в 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));
Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Приклад:
Код букмарклета SimilarWeb:
javascript:(function(){%20var%20url%20=%20document.location.hostname;%20var%20newwin%20=%20'http://www.similarweb.com/website/'%20+%20url;%20window.open(newwin);%20})();
Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Приклад:
Нумерація рядків пошукової видачі 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<str&&(location.search.match(/[?|&]start=([^&]*)/)&&(sum=Number(location.search.match(/[?|&]start=([^&]*)/)[1]))),[].forEach.call(s,function(a){var%20b=document.createElement(%22z%22);b.setAttribute(%22style%22,%22float:left;margin-left:-40px;margin-top:4px;text-align:center;width:30px;background:#fd4;font-weight:%20bold%22);b.innerHTML=Number(sum)+1;a.insertBefore(b,a.firstChild);sum++}));void%200};//update%2028.02.21%20bookmarklets.xstroy.com
Нумерація рядків пошукової видачі 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))})();
Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Приклад:
Кількість символів у тексті
Якщо ви часто використовуєте онлайн-інструменти для підрахунку кількості символів або слів у контенті, то вам на допомогу прийде 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<a.length;++i){if(a[i].selectionStart!=undefined&&a[i].selectionStart!=a[i].selectionEnd){t=a[i].value.substring(a[i].selectionStart,a[i].selectionEnd);break;}}} return t;};function g(d){var t;try{t=f(d);}catch(e){};if(!t||t==''){var fs=d.getElementsByTagName('frame');for(var i=0;i<fs.length;++i){t=g(fs[i].contentDocument);if(t&&t.toString()!='')break;} if(!t||t.toString()==''){fs=d.getElementsByTagName('iframe');for(var i=0;i<fs.length;++i){t=g(fs[i].contentDocument);if(t&&t.toString()!='')break;}}}return t;};var t=g(document);if(!t||t=='')alert('please select some text');else alert('%D0%A1%D0%B8%D0%BC%D0%B2%D0%BE%D0%BB%D0%BE%D0%B2: '+t.toString().length+'\n%D0%A1%D0%B8%D0%BC%D0%B2%D0%BE%D0%BB%D0%BE%D0%B2 %D0%B1%D0%B5%D0%B7 %D0%BF%D1%80%D0%BE%D0%B1%D0%B5%D0%BB%D0%BE%D0%B2: '+t.toString().replace(/\s+/g, '','').length+'\n%D0%A1%D0%BB%D0%BE%D0%B2: '+t.toString().match(/(\S+)/g).length);})()
Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Приклад:
Nofollow та Dofollow-посилання на сторінці
Nofollow та Dofollow — це атрибути, які можуть застосовуватись до гіперпосилань на сторінках сайту, і використовуються для вказівки пошукових систем, чи слід їм враховувати чи ігнорувати це посилання при визначенні рейтингу та індексації сайтів.
Код букмарклета Highlight NoFollow:
javascript:var%20t=document.getElementsByTagName('a');for(i=0;i<t.length;i++){if((t[i].rel.toLowerCase()=='nofollow')%20|%20(t[i].rel.toLowerCase()=='external%20nofollow')){void(t[i].style.color='red');void(t[i].style.background='yellow');void(t[i].style.borderStyle='solid dotted');void(t[i].style.fontSize='2em');}}
Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Код букмарклета Highlight DoFollow:
javascript:var%20t=document.getElementsByTagName('a');for(i=0;i<t.length;i++){if((t[i].rel.toLowerCase()!='nofollow')%20|%20(t[i].rel.toLowerCase()!='external%20nofollow')){void(t[i].style.color='green');void(t[i].style.background='yellow');void(t[i].style.borderStyle='solid dotted');void(t[i].style.fontSize='2em');}}
Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Приклад:
Прибрати зображення на сторінці
У випадку, коли вам потрібно вимкнути зображення на сторінці та ознайомитися з контентною складовою, на допомогу прийде букмарклет 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)}();
Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Приклад:
Sitemaps ping
За допомогою цього букмарклету ви можете надіслати URL нового файлу Sitemap в пошукову систему Google або повідомити про оновлення існуючого.
Код букмарклета:
javascript:(function(){window.open('https://www.google.com/ping?sitemap=%27+encodeURIComponent(location.href))})();%EF%BB%BF
Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Приклад:
Подивитися вихідний код 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Щоб виконати скрипт, натисніть кнопку. Щоб додати до браузера, перетягніть кнопку до панелі закладок
Приклад:
Перевірка розширених результатів
Офіційний інструмент, розроблений 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
