«Посмотреть код страницы» звучит как занятие для программиста. На деле это текстовый файл, который сервер отдал браузеру, и открывается он двумя нажатиями без всяких доступов. Владельцу сайта в этом файле нужно не больше семи строк — но именно они объясняют, почему в выдаче показывается не то название, почему ссылка в мессенджере приходит без картинки и почему подрядчик говорит «у вас нет заголовка», хотя заголовок на экране виден.
Как открыть: три способа и разница между ними
Исходный код. Ctrl+U в Windows, ⌥⌘U в macOS или правая кнопка мыши по пустому месту страницы → «Просмотр кода страницы». Откроется ровно то, что прислал сервер: те же байты, которые получает поисковый робот, когда заходит в первый раз.
Инспектор. F12 или Ctrl+Shift+I, вкладка «Элементы». Здесь уже не присланный файл, а то, что браузер собрал из него после выполнения скриптов. Если нужен конкретный блок, проще нажать на него правой кнопкой и выбрать «Исследовать элемент» — инспектор откроется сразу на нужной строке.
На телефоне горячих клавиш нет. В Chrome перед адресом дописывают view-source: — получится view-source:example.ru. В Safari просмотр кода включается отдельно, в настройках для разработчиков.
Первые два способа показывают разное, и это не тонкость для специалистов. Сайт на конструкторе часто присылает почти пустую заготовку, а содержимое дорисовывает скриптом уже в браузере. Тогда в инспекторе всё на месте, а в исходном коде пусто.
Насколько два кода расходятся на самом деле
22 сентября 2026 года мы обошли 260 адресов компаний Екатеринбурга и разобрали код главной страницы у 240 ответивших. Код забирали так, как его забирает робот Яндекса, — тем же представлением. В присланном сервером коде у 88 из них не нашлось ни одного тега h1 — главного заголовка страницы.
Раньше мы ставили здесь оговорку: заголовок мог дорисовывать скрипт, и тогда его не видим ни мы, ни робот при первом заходе. Оговорка честная, но непроверенная. В этот раз мы открыли все 88 адресов в настоящем браузере и досчитали заголовки после работы скриптов.
| Что вышло после отрисовки | Сайтов | Что это значит |
|---|---|---|
| Страница открылась в браузере | 83 | замер состоялся |
Заголовок h1 появился | 3 | код и браузер разошлись |
| Заголовка так и нет | 80 | пустое место настоящее |
| Страница не открылась | 5 | сказать нечего |
Три случая из восьмидесяти трёх. Расхождение, которым принято объяснять любой неудобный результат, оказалось редким: пустое место в исходном коде почти всегда и есть пустое место. Прежнюю оговорку мы снимаем.
С названием страницы вышло иначе, но ненамного. Текст в теге title разошёлся у четырёх адресов из 83, и настоящая работа скрипта — только два случая. У одного сервер прислал пустое название, а имя компании подставил скрипт уже в браузере: человек видит нормальную вкладку, робот в первый заход — страницу без названия. У другого наоборот: название в коде есть, а вкладка в браузере осталась пустой. Оставшиеся два расхождения не про скрипты: один сайт ответил нашему обходу страницей справочника вместо своей главной, другой показывает заставку загрузки.
Отсюда простое правило: смотреть надо оба кода. Исходный — чтобы понять, что достанется поиску. Инспектор — чтобы понять, что видит посетитель.
Семь строк, ради которых код и открывают
В том же обходе мы посчитали, чего в коде главных не хватает. Поиск по открытому коду — тот же Ctrl+F.
| Что искать | Зачем оно нужно | Нет на скольких страницах из 240 |
|---|---|---|
<title> | название во вкладке и заголовок ссылки в выдаче | 1 |
<meta name="description"> | описание под ссылкой в выдаче | 28 |
<h1> | главный заголовок материала | 88 |
<meta name="viewport"> | указание, что вёрстка рассчитана на телефон | 10 |
атрибут lang у тега <html> | язык текста | 66 |
<link rel="canonical"> | главный адрес из нескольких | 79 |
<meta property="og:image"> | картинка, когда ссылку кидают в мессенджер | 105 |
Дальше — что с каждой строкой делать.
Название страницы. Пустой title прислал один сайт, но интереснее другое. У восьми название начинается со слова «Главная»: Главная - <название клиники>, Главная страница. Справка Яндекса говорит об этом прямо:
«Следите, чтобы заголовок был информативным. Не используйте общие описания. Например, «Главная» для главной страницы или «Контакты» для страницы контактов».
Яндекс Вебмастер, «Как правильно написать title»
Медиана длины названия по обходу — 57 знаков, но у 78 сайтов оно длиннее семидесяти, а у 29 короче двадцати. Считать при этом в знаках неправильно: в выдаче строка обрезается по ширине, и два названия одинаковой длины обрезаются по-разному — мы мерили это на своих 228 заголовках.
Описание. В обходе у 24 сайтов тега description нет вовсе, ещё у четырёх он пустой. Справка Яндекса просит добавлять его на все страницы и делать разным, а главное — не повторять в нём название:
«Создавайте уникальное описание для каждой страницы. Шаблонные или похожие описания, вероятнее всего, не будут показываться в результатах поиска».
Яндекс Вебмастер, «Как правильно составить description»
Описание в выдаче показывают не всегда: поиск берёт текст из самого материала, если тот лучше отвечает запросу. Но без своего описания выбора у поиска нет.
Главный заголовок. Восемьдесят восемь главных без h1 — больше трети обхода. Ещё у 26 заголовков первого уровня несколько, и это обычно след вёрстки: тегу h1 досталась роль размера шрифта. Подробный разбор с иерархией уровней у нас отдельной статьёй.
Строка про телефон. viewport отсутствует всего у десяти сайтов — эта беда почти закрыта. Зато отсутствие строки означает, что мобильной версии у страницы нет совсем: браузер покажет её уменьшенной копией настольной.
Язык. У 66 сайтов тег <html> не сообщает язык. Поиск определит его и сам, а вот читалка экрана без этой буквы читает русский текст английскими правилами, и получается набор звуков.
Канонический адрес. У 79 сайтов его нет. Строка называет главный адрес материала, доступного по нескольким: с www и без, с параметрами и без. Такие дубли мы считали отдельно: у 60 сайтов из 254 рабочих адресов больше одного.
Картинка для мессенджера. По обходу её нет у 105 сайтов — почти у половины. Это самая заметная для человека строка: ссылку кидают в переписку, и вместо карточки с картинкой приходит голая строка адреса.
Чего в коде нет
Код показывает устройство сайта и молчит о результате. В нём нет позиций в поиске, посещаемости, числа заявок. Номер счётчика виден у всех, а его цифры закрыты — мы проверяли каждый найденный. Денег в коде тоже нет: приносит сайт что-нибудь или стоит зря, по тегам не читается.
Не видно и скорости: теги читаются при выключенном интернете, а время ответа сервера меряется иначе.
Как посмотреть у себя
- Открыть главную страницу сайта и нажать
Ctrl+U. - Найти через
Ctrl+Fстроку<title>и прочитать, что там написано. Если «Главная» или название движка — это первое, что надо поправить. - Поискать
descriptionи убедиться, что описание есть и оно про этот раздел, а не про весь сайт. - Поискать
<h1>. Если поиск ничего не нашёл, открыть инспектор поF12и поискать там же: расхождение редкое, но проверить стоит. - Поискать
viewport,canonicalиog:image— по одному слову, без тегов целиком. - Повторить то же самое на одной внутренней странице. На главной обычно следят, на странице услуги — редко.
Пять минут дают список из трёх-четырёх строк. Дальше это задача для того, кто ведёт сайт, и формулируется она понятно: не «займитесь SEO», а «в разделе услуг нет описания и заголовка».
Границы замера
Мы смотрели одну страницу каждого сайта — главную, и только её. «Тега нет» здесь означает «нет на главной», а не «нет на сайте». Первый разбор этого же кода мы читали как UTF-8 — и шесть сайтов, отдающих windows-1251, дали нам ложные находки: название вкладки у них превращалось в обрывок из знаков препинания. Кодировку надо брать из ответа сервера или из строки charset в самом коде, и это восьмая строка, которую стоит знать: неверно прочитанная кодировка портит не одну находку, а все сразу. Отрисовку делали в Chromium, ждали загрузки и ещё две с половиной секунды: скрипт, который рисует заголовок дольше, в замер не попал. Часть сайтов закрывается от автоматических обходов — один ответил нам страницей справочника вместо своей главной, и такие ответы мы считали как ответ сайта, хотя это не он. Это срез одного города за один день, а не состояние рынка.
Коротко
Исходный код открывается по Ctrl+U и показывает, что достанется поиску; инспектор по F12 показывает, что видит посетитель. Расходятся они реже, чем принято думать: из 88 сайтов без главного заголовка в присланном коде браузер дорисовал его только трём. Семь строк, которые владелец прочитает сам, находятся через Ctrl+F за пять минут — и в обходе 240 главных страниц у 88 не нашлось h1, у 105 картинки для мессенджера, у 28 описания.