🦆 Код JavaScript для поиска мелкого текста

Недавно столкнулся с ситуацией, когда на странице присутствовало слишком много мелкого текста по мнению Яндекса, висела ошибка в Вебмастере и сервис проверки Mobile Friendly это подтверждал, но не показывал какие конкретно фрагменты текста вызывали проблему.

Стоит понимать, что за мелкий воспринимается текст страницы, который имеет итоговый размер шрифта меньше 12px.

На просторах интернета нашел лаконичный JavaScript-код, позволяющий вычислить такие фрагменты:

function readDOM (el) {
for (var i = 0; i < el.children.length; i++) {
readDOM(el.children[i]);
}
var computedStyle = getComputedStyle(el);
var size = parseInt(computedStyle.fontSize);
if (size < 12) {
console.log(el,parseInt(computedStyle.fontSize));
}
};
readDOM (document.body);

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

#javascript #mobilefriendly

⬆️ Анализ рендеринга JS с помощью Screaming Frog SEO Spider

Айрат Рахимзянов @seosekretiki рассказал о своем подходе.

https://www.youtube.com/watch?v=b3unhrMb_gg

Михаил Шакин, @shakinru #javascript #screamingfrog #техническоеseo

📱 Извлекаем URL и анкоры из SERP Яндекс и Google в один клик: сделал простое решение

Артем Акулов @akulov_pro поделился простым и бесплатным решением по извлечению URL-адресов из результатов поиска по любому ключевому слову из Яндекс и Google.

https://vc.ru/seo/864556-izvlekaem-url-i-ankory-iz-serp-yandeks-i-google-v-odin-klik-sdelal-prostoe-reshenie

Михаил Шакин, @shakinru #freeseotools #javascript #лайфхак

🍎 Как подружить SEO и JavaScript?

Запись доклада Юлии Тагильцевой из команды @sales_ingeneers для SEO-клуба в Красноярске.

Таймкоды:
0:00:00-0:00:19 — Представление спикера
0:00:20-0:01:08 — Введение
0:01:09-0:03:09 — SPA-сайты
0:03:10-0:03:55— почему SPA-сайты сложно продвигать по SEO
0:03:56-0:04:43 — Как проверить отображение сайта в поисковых системах
0:04:44-0:06:53 — CSR Рендеринг
0:06:55-0:08:07 — SSR Рендеринг
0:08:07-0:09:03 — Динамический рендеринг
0:10:23-0:18:58 — На что обратить внимание при работе с JS-сайтами?
0:19:00-0:19:16 — Чек-лист проверки сайта на JavaScript
0:19:15-0:19:28 — В какой нише был проект?
0:19:29-0:20:26 — Зачем это делать?
0:20:27-0:21:06 — Не проще было переехать на другой сайт?
0:21:07-0:22:19 — Имеет ли смысл делать такие сайты?
0:22:20-0:25:00 — Не лучше ли оставить Java специализированным сайтам?
0:25:01-0:25:45 — Яндекс Турбо страницы использовались?

https://www.youtube.com/watch?v=XZPp7zK58Yk

Михаил Шакин, @shakinru #javascript #оптимизация #инструкция #лайфхак #техническоеseo

🟡 Как подружить сайты на JavaScript с SEO: SSR, SSG, ISG - что это вообще такое?

Статья Сергея Горохова @goburzhseo и Павла Медведева.

https://vc.ru/seo/1262880-kak-podruzhit-saity-na-javascript-s-seo-ssr-ssg-isg-chto-eto-voobshe-takoe

Михаил Шакин, @shakinru #javascript #техническоеseo #оптимизация