например: кворум
Санкт-Петербург
32 урока, 15 часов - курс обучения "Продвижение сайта для начинающих". Акцент в обучении на алгоритмы поисковых систем Яндекс, Google и SEO инструменты.
> обучение > 9. внутренние ссылки
Лекция 1: Начинаем знакомство с поиском (13 мин.)Лекция 2: Внутри поисковой системы: от запроса до выдачи (18 мин.)Лекция 3: Поисковые системы и слова (в тексте, HTML коде), назания за СПАМ (14 мин.)Лекция 4: Оптимизация, переоптимизация и качество текста (13 мин.)Лекция 5: Поисковые системы и ссылки (16 мин.)Лекция 6: Сервисы с собственными базами ссылок и параметры ссылок (19 мин.)Лекция 7: Сервисы (2) с базами ссылок и новые типы ссылок (19 мин.) Лекция 8: Сервисы (3) с базами ссылок и новые атрибуты ссылок (19 мин.)Лекция 9: JavaScript и новые типы ссылок. Внутренние ссылки. (30 мин.)Лекция 10: Поисковые системы и поведение пользователей (36 мин.)Лекция 11: Поведение пользователей и технические параметры (24 мин.)Лекция 12: Формула и факторы ранжирования поисковых систем (40 мин.)Лекция 13: Создаем сайт под продвижение - запросы пользователей (50 мин.)Лекция 14: Пример ручного создания семантического ядра (32 мин.)Лекция 15: Сервисы для создания семантического ядра - 1 (35 мин.)Лекция 16: Севисы для создания семантического ядра - 2 (16 мин.)Лекция 17: Кластеризация, отбор запросов и контент посадочной страницы (26 мин.)Лекция 18: Сервисы и инструменты - кластеризаторы (23 мин.) Лекция 19: Три типа посадочных страниц и контент для них (23 мин)Лекция 20: Контент посадочных страниц и сниппет (45 мин)Лекция 21: Методы контроля и оценки результатов продвижения (26 мин.)Лекция 22: Коммерческие сервисы для контроля продвижения сайта (29 мин.)Лекция 23: Получили в продвижение старый сайт (21 мин.)Лекция 24: Выявляем и устраняем проблемы скорости загрузки (19 мин.) Лекция 25: Проблемы с индексацией, дубли и переспам (19 мин.)Лекция 26: Увеличиваем SEO трафик - подбор запросов близких к ТОПу (35 мин.)Лекция 27: Увеличиваем SEO трафик - расширяем запросы по конкурентам (16 мин) Лекция 28: Естественный ссылочный профиль (21 мин.)Лекция 29. Ссылочный профиль по методам получения ссылок (14 мин.)Лекция 30: Традиционные SEO методы наращивания ссылочной массы (42 мин.)Лекция 31. Воронка продаж, SEO воронки и удовлетворенность пользователя (29 мин.)Лекция 32. Поведение посетителей, цвет и дизайн (24 мин.)

Урок 9: JavaScript и новые типы ссылок. Внутренние ссылки. (30 мин.)

В этом уроке: Пятый урок по ссылкам. Новые типы ссылок: ссылки с изображений (img, alt), form, canonical, onClick, JavaScript. Блокировка передачи авторитетности по ссылкам. Структуры сайта: по уровням вложенности рубрик или по ссылкам от главной страницы. Инструменты по внутренним ссылкам: webmaster.yandex, google search console, site-analyzer, seopowersuite, screamingfrog, netpeak, webbee, linkchecker

КОНСПЕКТ УРОКА:

Добрый день. Сегодня мы продолжаем тему ссылок и будем говорить о внутренних ссылках, ссылках между внутренними страницами сайта. Также как и в теме внешних ссылок между сайтами, у страниц сайта есть авторитетность, у ссылок есть анкоры.

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

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

Термин "структура сайта" употребляется в двух разных смыслах

Структура сайта по вложенности рубрик

Когда говорят про "структуру сайта", говорят о структуре рубрик (разделов) на сайте, по аналогии с папками на компьютере. Эту "структуру сайты" мы видим в адресной строке. Вот здесь, например, она состоит из главного домена / название раздела / название следующего раздела /. Вот здесь вы видите, как формируется адрес страницы, начиная от главной. В рамках этой "структуры сайта" говорят об "уровнях вложенности": главная страница находится на первом уровне вложенности, на втором уровне находятся страницы, указанные в адресе через слеш от неё. А здесь уже третий уровень вложенности.

Ссылочная структура сайта

Однако ссылки между страницами не всегда следуют структуре рубрики и подрубрик. Они могут соединять любые страницы. В результате у нас формируется другая структура сайта - ссылочная, в которой уровни структуры определяются по количеству кликов от главной страницы. Вот у нас от главные три стрелочки (ссылки) на эти три страницы. Они формируют первый уровень от главной страницы. Дальше от них идут ссылки, указаны стрелочками, и вот второй уровень от главной. Это называются ссылочный структурой сайта. Поисковые системы учитывают именно ссылочную структуру сайта.

Передача и блокировка передачи авторитетности по ссылкам

Поговорим о том, как передается авторитетности в рамках ссылочной структуры на примере Google PageRank. Несмотря на то, что по PageRank официально перестал быть основным фактором ранжирования и показываться инструментами Google, в ряде инструментов для оптимизации сайтов эта логика PageRank сохранилась.

Допустим, что главная страница в правой схеме имеет PageRank = 1. Далее с неё стоит 3 ссылки. По каждой ссылке страницы второго уровня получают по 1/3 PageRank главной страницы.

Дальше, вот с этой странице стоит 2 ссылки. Каждый из них передает по половине PageRank от своей материнской страницы. И PageRank к ним доходит как 1/6.

Вот в этой ветке страница, получившая PageRank 1/3 от материнского, передает его пополам по 2 ссылкам. Одна ссылка стоит на внутреннюю нашу страницу 1 нашего сайта и на внешний сайт. И по каждой из этих ссылок передается по 1/2 от PageRank этой страницы. Т.е. здесь получается PageRank 1/6 и здесь тоже 1/6.

Наша задача, чтобы PageRank передавался только нужным страницам и не уходил на ненужные страницы и на внешние чужие сайты.

Вот здесь показана "схема 2", в которой двумя наиболее популярными способами перекрываются утечка авторитетности от нужных страниц.

Первый способ. Здесь PageRank уходящий на чужой сайт блокируется использованием ссылки через событие onClick. Пока просто запомните это слово, далее я объясню подробнее. Вэтом случае ссылка кликабельна для посетителей, но поисковые системы её ссылкой не считают. В данном примере весь PageRank, вся авторитетность исходной страницы уйдет на целевую страницу и она получит 1/3 PageRank. Если быть точным, то с небольшим понижающим коэффициентом.

Второй способ - использование параметра ссылки nofollow. Однако, в этом случае PageRank хоть и не переходит на ненужную страницу, но он теряется вникуда. Т.е. PageRank донорской страницы всеравно делится по половинкам и на нужную страницу приходит 1/6.

Как вы видите, лучше использовать onСlick для блокировки утекания PageRank.

Типы ссылок по технологии

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

На сервере (на компьютере) размещенным у хостинг-провайдера происходит генерация кода страницы на основе специального программного обеспечения. Сервер отдает страницу с двумя разными типами кода: HTML и JavaScript. Весь этот код страницы отдается браузеру посетителя. Если вы нажмете в браузере на любой странице правой клавишей мыши и выберете в выпавшем меню "исходный код страницы", вы как раз увидеть весь этот код, переданный сервером.

Браузер читает HTML код, форматирует по нему содержательный контент страницы и показывает пользователю.

JavaScript это язык программирования. Браузер выполняет написанные в нем команды и генерирует новый контент. При этом он может даже полность изменить тот HTML код и контент, который пришел от сервера. Или дописать новый HTML код и контент. То, что пользователь в результате увидит на экране браузера будет существенно отличаться от того что пришло от сервера.

Здесь перед вами несколько примеров кода разных типов ссылок по технологии.

В первом случае ссылки сразу были прописаны в HTML-коде пришедшим от сервера и их можно увидить в "коде страницы".

JavaScript ссылке видны в "коде страницы" вот в таком виде. Но по этой тенологии они могут даже и не находиться в "коде страницы". Они могут быть размещены во внешнем файле, который отдельно подгружается браузером - такие ссылки вы в "коде страницы" не увидите. Но они выполняют те же действия по клику посетителя. Обычно их можно увидеть кликнув правой клавишей мыши на странице и выбрав пункт "посмотреть код". По ткаому клику вы увидите код страницы, уже измененный JavaScript.

На экране:
- тёмно зелёным обозначены ссылки, которые передают авторитетность от материнской страницы к дочерней;
- желтым отмечены те ссылки, которые передают часть авторитетности но с оговорками;
- красным выделены варианты ссылок, которые не передают авторитетность, и авторитетность не теряется.

Подробнее про код ссылок на экране:

1. Первый код - простая текстовая ссылка.

2. Вторая ссылка - это ссылка с картинки. Любые изображения на сайте, которые вы видите, чаще всего будут представлены в коде тегом img, у которого есть параметр указывающий на адрес файла этого изображения. Также в коде будет атрибут alt, в котором указан текст, который должен появиться вместо изображения, если по какой либо причине картинка не загрузится. Такую ссылку поисковые системы тоже учитывают и этот текст, содержащийся в alt, считают аналогичным анкору текстовой ссылки.

3. Далее блок из трех ссылочек.
3.1. Код ссылки с параметром nofollow. В этом случае передаваемый от материнской страницы PageRank уменьшится, но целевой странице он не перейдет. Еще два варианта, кроме nofollow:
3.2. Sponcored - это значит, что ссылка опплачена.
3.3. UGS - User Generated Content, ссылка сгенерированна пользователями. Это контент от пользователей и хозяин сайта не знает, стоит ли его рекомендовать.

4. Есть еще такой вариант ссылки, как canonical. Фактически это не ссылка, а указание поисковой системе сгруппировать ряд однотипных страниц, в которых повторяются контент и учитывать только одну из них, как основную - каноническую.
Вот пример: каталог коттеджей в аренду, 220 страниц списка с однотипным контентом. По адресу они отличаются тем, что добавляется параметр с номером страницы (пагинация). В коде всех этих страниц прописан тег canonical, указывающий на самую первую страницу списка, которая показывается без страничного номера.
Поисковым системам это говорит, что нужно проиндексировать только первую страницу.
Вот так выглядит тег canonical в коде страницы.

5. Следуюший вариант "ссылки" - form. Вы видите на сайте форму с полями для заполнения. У формы есть атрибут action, указывающий на то, куда будет отправлена информация, которую вы заполнили. Формы тоже рассматриваются поисковыми системами, как особый вид ссылки на страницу.

Перейдем к JavaScript. На этом языке программирования можно реализовать на странице множество вариантов "ссылочного" поведения для пользователя - когда клик на некотором тексте приводит к переходу посетителя на другую страницу.

6 и 7 - это реализация ссылочного поведения на основе внутреннего события браузера onClick, которое возникает при клике пользователя на любой элемент на экране. Такие ссылки поисковыми системами не учитываются при передаче ссылочной авторитетности. Но по такой ссылке поисковая система может узнать про страницу, на которую нет других ссылок. Ссылочный вес передаваться и расходоваться не будет.

8. Этот код JavaScript генерирует простую текстовую HTML ссылку прямо в клиентском браузере. Для поисковой системы, это почти то же самое, как получить такую ссылку сразу в HTML коде страницы, переданном сервером. Возможно вы увидите такой код в "коде страницы" и поймете, что это за ссылка. Но, скорее всего, вы ее в "коде страницы" не увидите, так как этот код будет подгружаться браузеров в отдельном файле.

Т.е. если сервис или программа для оптимизаторов не умеет собирать исходный код страницы как это делает браузер и исполнять JavaScript, то такие ссылки, учитываемые поисковыми системами, в списках ссылок сервиса не обнаружаться. Лишь некоторые инструменты для оптимизаторов умеют рендерить JavaScript.

Инструменты для анализа ссылочной структуры сайта

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

Яндекс Вебмастер

На экране скриншот из webmaster.yandex.ru Здесь дана весьма скудная информация - только о неработающих, проблемных ссылках. Вы можете их посмотреть чтобы починить, но не более того.

Google Search Console

Инструмент для веб-мастеров Search Console от Google - search.google.com/search-console
Здесь побогаче. В левом меню можно перейти в раздел "ссылки". Вот переход на "внутренние ссылки". Тут есть список самых популярных страниц сайта с внутренними входящими ссылками, с количеством эти внутренних ссылок, чтобы вы представляли их авторитетность. Нажав на конкретный адрес страницы вашего сайта вы можете посмотреть, какие страницы на нее ссылаются (причем не все ссылки на нее, поскольку ссылок может быть несколько с одной страницы, а только ссылающиеся страницы). Далее вы можете сделать экспорт для работы с этими ссылками в экселе.

Site-Analyzer

Перед вами бесплатный инструмент, программа Site-Analyzer.ru, который на основании ссылочной структуры сайта генерирует вот такие карты. Каждая точка - страница, каждая линия - ссылка. Весьма удобно, чтобы ознакомиться со струткурой нового сайта, который вам нужно продвигать. Здесь показана в центре главная страница и от нее исходящие ссылки. Вот эта страница рубрики и далее идет разделение на товары. Здесь можно кликнуть на любую точку-страничку и будут выделены только те ссылки, которые связаны с этой страницей, входящие и исходящие. Также будет подсвечена дополнительная информация по этой странице - например здесь указан: тайтл этой страницы, уровень по рубрикам, уровень по расстояние от главный (1 ссылка) и расчет внутреннего PageRank (внутренней авторитетности).

Из недостатков этого сервиса - с каждой странице показывается только одна ссылка, при том что их может быть несколько, что важно для понимания ссылочной структуры сайта.

Табличное представление ссылочной информации в Site-Analyzer. Здесь есть таблица всех ссылок, вернее, всех страниц, которые найдены по ссылкам на сайте. Если вы кликните на любую из этих страниц - вам открывается в нижнем окошечке дополнительная табличка, в которой вы видите все ссылки, либо входящие (вы можете выбрать вкладку), либо исходящие с неё. И ряд дополнительных параметров, что удобны для того, чтобы изучать ссылочную структуру сайта.

Весьма широкие возможности для фильтрации. Параметр фильтра "содержит / не содержит" ключевое слово - вы можете выделить только один раздел и изучать ссылки только в рамках этого раздела, или найти группу страниц.

Xорошо сделано отдельное окошечко, в котором показана структура сайта, но не ссылочная, а по уровням вложенности рубрик и подрубрик.

SeoPowerSuite

Перед вами платная программа SeoPowerSuite.ru На экране представлениа ссылочная структура сайта. Здесь корректно считается PageRank и размер кружочков пропорционален PageRank соответствующей страницы.

Очень удобно сделана система фильтрации. Можно вести ключевое слово, которое входит в адрес страницы или раздела, и отфильтровать; и разбираться только с отдельной рубрикой. Вот на экране отфильтрована рубрика. Теперь можно кликнуть на отдельный узел (на отдельную страницу) и будет доступна информация по ссылкам, связанным только с этой конкретной страницей. Можно смотреть ссылки на страницу и ссылки со страницы.

Табличное представление ссылок в SeoPowerSuite. Вы видите структура сайта по рубрикам - рубрики можно открывать и закрывать. Дальше идут страницы с параметрами: количество входящих ссылок на страницу и количество ссылок со страницы. Если мы кликаем на страницу - у нас открывается дополнительное окно. В этом окне есть список страниц, ссылающихся на выбранную страницу или со страницы. При этом здесь будут показаны именно ссылки! Т.е. если с одной страницы на другую идет три ссылки - здесь будут показаны 3 ссылки.

Посмотрите настройки программы. Тут есть возможность включить исполнение JavaScript и ссылки сгенерированные JavaScript тоже попадут в эту таблицу ссылок.

ScreamingFrog

Перед вами интерфейс программы ScreamingFrog. Это коммерческая программа, но позволяет скачать бесплатно 500 адресов страниц сайта. Соответственно, если с каждой из них стоит по нескольку ссылок, то вы можете получить здесь таблицу на несколько тысяч ссылок. Для небольших сайтов этого может быть вполне достаточно.

Слева вы видите структуру сайта по рубрикам, которые можно открывать и закрывать.
Далее таблица страниц с параметрами.

Следующа схема (такие схемы называются "граф") показывает ссылочную структуру по кликам от главной, где главная в центре. При наведении на конкретную страницу вы видите параметры этой страницы.

В этом инструменте можно выбрать альтернативный формат графа для показа ссылочной структуры - вот он представлен на экране. Здесь граф развивается слева-направо (а не от центра), все рубрики и страницы находятся по одной вертикальной линии, на расстоянии кликов от главной. Это удобно, можно сразу видеть, какие страницы находится на одном уровне от главной.

Табличный формат представления ссылок в ScreamingFrog. Сейчас выбрана "страничка 1". Внизу под ней таблица ссылок: либо входящих на выбранную страницу, либо исходящих. Причем именно ссылок, а не ссылающихся страниц. Вы видите здесь, что адрес донора один, адрес акцептора один, и сколько стоит ссылок с этой страницы донора на эту страницу реципиент.

Также есть возможность экспорта все ссылок в одну таблицу для детальной работы в exel.

NetPeakSpider

Коммерческая программа NetPeakSpider Здесь представлена возможность посмотреть в табличном формате все ссылки - именно ссылки, а не ссылающиеся страницы. Здесь есть очень хороший набор возможности фильтрации этой таблицы. И можно включить рендеринг JavaScript, чтобы в список попали ссылки, сгенерированный скриптом в браузере.
Из визуализации структуры только небольшая визуализация структуры сайта по рубрикам. Визуализации ссылочной структуры в этой программе нет.

WebBee

Программа WebBee, недорогая. Бесплатный функционал позволяет сканировать сайт и экспортировать в excel таблицу всех внутренних ссылок в формате: страница донор, анкор, страница акцептор. Эта программа не рендерит JavaScript и такие ссылки вы в таблице не увидите. Зато если с одной страницы на другую есть несколько ссылок - все они будут в таблице.

Linkchecker

Полностью бесплатная программа linkchecker, которая пройдется по нужному сайту и предсотавит все найденные страницы и ссылки. Есть возможность экспорта в таблицу для excel: донор url, целевая страница-акцептор, анкоры. Интересная особенность программы - она каждую ссылку нашла два раза. JavaScript эта программа не рендерит.

Сравнение инструментов

На этом экране мы посмотрим, как различные инструменты распознают и показывают нам различные типы ссылок.

Для тестирования была взята страница 1, которая ссылается на страницу 2 тремя ссылками:
- первая ссылка текстовая из навигации;
- вторая ссылка с изображения;
- третья ссылка из текста контента.

Первая табличка экспорт NetPeakSpider. Мы видим в табличке есть колонка "Источник ссылки" (донор) и колонка "URL" (акцептор). Эти две колонки есть во всех табличках.
Колонка "Тип ссылки". Значения: IMG ahref - эта ссылка с картинки; Ahref - это текстовые ссылка.
Колоночка "Анкор" - анкоры текстовых ссылок.
Колоночка "Alt" - текст из параметра alt изображения, с которого стоит ссылка.

Как вы видите, последовательность ссылок в таблице другая, чем в исходном документе. Это плохо. Чем важна последовательность ссылок? Есть информация, что Google:
- дает больший вес ссылкам, которые стоят выше в документе;
- учитывает ссылочный анкор только первой ссылки.
Поэтому нам желательно знать - какая ссылка выше, какая первая в документе.

Вторая табличка из ScreamingFrog. ScreamingFrog показала все три ссылки одинаковыми в колонке "Type". Мы можем догадаться о ссылке с изображения по тексту в колоночке "Alt Text". В колонке "Anchor" все хорошо - тексты ссылок в правильной последовательности, как они представлены на странице.
Новая полезная колоночка для атрибута Follow (но не учитываются другие варианты атрибута).
И новые колонки Status "Ok" для ссылки и статус ответа сервера по "живости" посадочной страницы.

Третья табличка от SeoPowerSuite: ссылающаяся страница, посадочный URL, факт наличия ссылки (или посадочной страницы?), Анкор и Alt в одной колонке (отметив в квадратных скобках, что это - изображение). К сожалению, последовательный ссылок полностью обратно последовательности в документе. Есть проверка на nofollow (dofollow как синоним follow).

Бесплатная программа linkchecker собрала все 3 ссылки, но, почему-то их удвоила - нашла каждую по два раза. Представлены ссылки в правильной последовательности. Анкор и Alt показала в единой колонке "name" (т.е. не сможем выделить в таблице только текстовые ссылки или только ссылки с изображений).
Так же проверена "живость" посадочной страницы и факт наличия ссылки. Нет проверки на nofollow.

Программа WebBee нашла все 3 ссылки и показала в правильном порядке. Указала тип follow. Но не прочитала alt изображения, с которого идёт ссылка.
Бесплатный функционал Linkchecker и WebBee для небольших проектов вполне заменит платные программы.

Финальная сравнительная табличка урока - посмотрим еще раз на представленые инструменты и основные их возможности:
- список страниц найденных по ссылкам на сайте вам покажут все эти инструменты;
- список ссылок (когда есть несколько ссылок на одной странице на вторую) покажут только вот эти;
- карту ссылок покажут вот эти два инструмента;
- внутренний PageRank покажут три инструмента;
- links (сколько входящих ссылок) покажут два инструмента;
- рендеринг JavaScript (чтобы увидеть JavaScript ссылки), вот в этих трех инструментах (все три инструмента коммерческие и единственный - вот этот инструмент - дает 500 адресов страниц посмотреть бесплатно, что дает вам несколько тысяч ссылок);
- два нижних инструмента в таблице - бесплатные.

Предыдущая лекция 8: Ссылочные инструменты и параметры ссылок (ahrefs, semrush, checktrust, linkresearchtools) Следующая лекция 10: Как поведение посетителей в выдаче и в браузере влияет на ранжирование и как его улучшить