filmov
tv
Інструменти розробника Chrome (DevTools) для SEO feat. Марко Федоренко
Показать описание
Марко Федоренко, крутий технічний SEOшник, розповідає, як можна зробити дебагінг коду більш ефективним за допомогою Chrome DevTools. Що таке браузерний рендеринг і як він впливає на SEO. Як можна покращити роботу з JavaScript у контексті SEO. Відповіді на ці та багато інших запитань про SEO і веб-розробку ви знайдете у цьому відео. Марко ділиться своїми знаннями про інструменти для дебагінгу, оптимізації та аналізу веб-сайтів, процес рендерингу браузера, особливості роботи з JavaScript і багато іншого. Якщо ви хочете покращити свої навички веб-розробки та SEO, це відео точно допоможе вам у цьому!
*** ==== ***
*** ==== ***
*** ==== ***
0:00 Інтро
1:05 На що дивитись
6:30 Де дивитись CWV
9:32 Що має вплив на SEO
10:43 Як запустити рендер сторінки від десктопа
13:09 Формулюєм ТЗ для розробників
13:53 Порівнюємо код сервера
16:40 Accessibility preview
17:33 Як комунікувати з розробниками
20:30 Приклад реалізації зображення для розробників
23:08 Зміни, тести і юзерагенти
25:50 Знаходимо невикористаний CSS, JS
27:20 Жорстокий редизайн 😭
29:43 Таблиці
35:30 A/B тести
38:28 Скільки чекати на поліпшення ранжування після імплементації?
39:25 Тест на індексацію JS
40:46 Пришвидшити рендер
41:35 DOM-дерево
43:04 Курси (тут мала бути ваша реклама, але ви не заохотили Марко 🤷🏿♀️)
46:06 json-коди в консолі
46:49 Title підтягується з іншої мовної версії
53:00 Контакти Марко Федоренко
*** ==== ***
*** ==== ***
*** ==== ***
0:00 Інтро
1:05 На що дивитись
6:30 Де дивитись CWV
9:32 Що має вплив на SEO
10:43 Як запустити рендер сторінки від десктопа
13:09 Формулюєм ТЗ для розробників
13:53 Порівнюємо код сервера
16:40 Accessibility preview
17:33 Як комунікувати з розробниками
20:30 Приклад реалізації зображення для розробників
23:08 Зміни, тести і юзерагенти
25:50 Знаходимо невикористаний CSS, JS
27:20 Жорстокий редизайн 😭
29:43 Таблиці
35:30 A/B тести
38:28 Скільки чекати на поліпшення ранжування після імплементації?
39:25 Тест на індексацію JS
40:46 Пришвидшити рендер
41:35 DOM-дерево
43:04 Курси (тут мала бути ваша реклама, але ви не заохотили Марко 🤷🏿♀️)
46:06 json-коди в консолі
46:49 Title підтягується з іншої мовної версії
53:00 Контакти Марко Федоренко
0:54:21
Інструменти розробника Chrome (DevTools) для SEO feat. Марко Федоренко...
0:31:08
DevTools за 30 минут! (новичкам в HTML/CSS)
0:19:22
ТИ ЦЬОГО НЕ ЗНАВ | Можливості консолі розробника в Google Chrome | Chrome Devtools | Console...
1:09:11
Chrome Developer Tools для всіх і кожного
0:14:37
62. Developer Tools. Девтулз в Google Chrome
0:12:48
Консоль разработчика в Chrome/Что такое Chrome Dev Tools?
0:24:29
Chrome DevTools. Console
0:14:03
СЕКРЕТИ консолі розробника в Google Chrome | Chrome Devtools | Console
0:16:44
Использование Chrome DevTools в SEO - Урок 1
1:35:39
Инструменты разработчика в веб-браузерах
0:03:04
КОНСОЛЬ розробника | Що таке Dev Tools від Google Chrome? Короткий огляд від Михайла Яновського...
0:00:21
Як відкрити інструменти розробника в Сафарі? Переглянути код сторінки....
0:34:30
Unleashing the Power of Chrome’s DevTools' for Web-Application Troubleshooting
0:00:40
Як Відкрити Інструменти Розробника в Сафарі? Вебінспектор, меню розробника, показати код сторінки....
0:16:51
Devtools для Webflow-розробника | Ділюсь досвідом використання...
0:05:58
😱 Вам краще знати ці ТОП 5 плагінів Chrome для програміста...
1:04:58
Getting More Out of Chrome DevTools for SEO
0:00:47
Користні розширення для браузера
0:21:23
ПРАКТИКА ДЛЯ QA / ПЕРЕВІРЯЄМО WEB-САЙТ ЗА ДОПОМОГОЮ CHROME DEVTOOLS / ДИВИМОСЬ HTML - CSS...
0:47:44
Web Scraping with Nokogirl/Kimono by Robert Krabek
0:10:53
1. Підключення JS, console, Chrome dev tools
0:09:42
6 Websites I wish knew: The Best Directories to All Websites for Online Business
0:18:30
80. Логи в тестуванні
0:13:32
Devtools: Elements
Комментарии