Странница с вкладками, ранжирование поисковиками

SL
На сайте с 06.12.2015
Offline
10
1163

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

Сайт коммерческий и делать "простыни" чтобы описать все что хочется как понимаете нельзя.

Поэтому возникла идея делать странницу с вкладками. Но появился вопрос - каким образом будут реагировать, читать, понимать контент странницы поисковики, как реализовывать? Пока я нашел примеры связки на CSS+HTML, без скриптов, что теоретически будет понятно для поисковиков.

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

Пример (то что имею ввиду):

87793
На сайте с 12.09.2009
Offline
661
#1
Sk-lima:
Пока я нашел примеры связки на CSS+HTML, без скриптов, что теоретически будет понятно для поисковиков.

Расскажите свой опыт использования вкладок, их устройство

Я реализовывал вкладки на чистом HTML.

Например, здесь :).

Ещё пример, где вкладки в два ряда и ярлычок активной вкладки обведен бордюрчиком (в отличие от первого примера).

Наше дело правое - не мешать левому!
SL
На сайте с 06.12.2015
Offline
10
#2
87793:
Я реализовывал вкладки на чистом HTML.
Например, здесь :).

Ещё пример, где вкладки в два ряда и ярлычок активной вкладки обведен бордюрчиком (в отличие от первого примера).

ОлдСкульный вариант). Просто в Вашей версии каждая вкладка - это отдельная страничка грузится, а в том примере что нашел все расположено на 1 странничке.

Сам пример ТЫК

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

87793
На сайте с 12.09.2009
Offline
661
#3
Sk-lima:
Просто интересно вот что - если весь контент странички относится к одной, то открываются широкие возможности для семантического ядра (включения ряда НЧ запросов).

А что мешает включить надобные НЧ запросы, ежели каждая вкладка имеет свой сепаратный урл (как в моём случае)? 😕

SL
На сайте с 06.12.2015
Offline
10
#4
87793:
А что мешает включить надобные НЧ запросы, ежели каждая вкладка имеет свой сепаратный урл (как в моём случае)? 😕

Согласен, Вы правы, но каждая вкладка грузится при нажатии. Ммм и еще (мне так кажется) полнота описания информации на 1 страннице лучше чем разделение на разные (ну как то опытным путем сложилось такое впечатление). Чем лучше и всесторонне описываю тему на страннице тем проще как то странницу по всему сем ядру продвинуть (включая заветные СЧ).

Ну это мое субъективное мнение :) не кидайте тапком :)

Smart Shot
На сайте с 03.09.2015
Offline
66
#5
SEO группа в ВК, где ответят на любой ваш вопрос! (https://vk.com/hello_seo_world) Книга по интернет-маркетингу (http://smartshot.ru/seo-dlya-seoshnikov/) Блог по SEO (http://smartshot.ru/blog/)
87793
На сайте с 12.09.2009
Offline
661
#6

Есть ещё вопрос, который Вы не задали 😂, но на который намекнули :) (ну, во всяком случае, я понял это именно так ;)):

Sk-lima:
Если поисковик правильно их кушает (как содержимое одной странички с подзаголовками).

А вопрос в том, что на "одной странице" (с единым для всех вкладок урлом) получится один и тот же заголовок H1... а подзаголовки (H2) можно сделать по тематике каждой конкретной вкладки - свой. А при группе страниц со своим урлом каждая - как?

Я на него нашёл такой ответ: инверсия заголовков (главного и подзаголовка). Пример реализации здесь (с индексацией контента в этом примере, конечно же, будет полный швах, потому как вся содержательная часть там в графике 😂 - но в данный момент речь не об этом :)).

SL
На сайте с 06.12.2015
Offline
10
#7

Именно! Как жуется поисковиками? Тоже самое на CSS сделано в примере, лучше КСС ведь применять чем Аякс?

---------- Добавлено 04.05.2016 в 17:10 ----------

87793:
Есть ещё вопрос, который Вы не задали 😂, но на который намекнули :) (ну, во всяком случае, я понял это именно так ;)):

А вопрос в том, что на "одной странице" (с единым для всех вкладок урлом) получится один и тот же заголовок H1... а подзаголовки (H2) можно сделать по тематике каждой конкретной вкладки - свой. А при группе страниц со своим урлом каждая - как?
Я на него нашёл такой ответ: инверсия заголовков (главного и подзаголовка). Пример реализации здесь (с индексацией контента в этом примере, конечно же, будет полный швах, потому как вся содержательная часть там в графике 😂 - но в данный момент речь не об этом :)).

Вроде бы не в графике :)

<div class="notebook2">

<input type="radio" name="notebook2a" id="notebook2a_1" checked="checked">

<input type="radio" name="notebook2a" id="notebook2a_2">

<input type="radio" name="notebook2a" id="notebook2a_3">

<input type="radio" name="notebook2a" id="notebook2a_4">

<div>

<label for="notebook2a_1">Первая вкладка</label>

<p>Это первая вкладка с котом.</p>

<p><img src='https://lh3.googleusercontent.com/-6ac0fJDitng/VekGjxXrAZI/AAAAAAAAAUM/svkfw3ICSqA/s400-Ic42/1656410_6222d0c3.jpg'></p>

</div>

В Дивах и через P почему графика то? :)

Прошу прощения! Думал Вы о примере который я указывал в предыдущих сообщения :) там все в дивах, H2 пропиывать для каждой вкладки свой, должно поедаться нормально)

---------- Добавлено 04.05.2016 в 17:15 ----------

Насколько я понял в Вашем варианте тоже используются разные странички для каждой вкладки

в этом же примере все расположено на одной - ТЫК

---------- Добавлено 04.05.2016 в 17:21 ----------

Добавлю, почему уперся расположить все на одной страннице :)

Есть НЧ под которые создавать отдельную странницу ну совсем нет надобности, достаточно упомянуть в контенте и она уже в поиске). Я для таких целей как раз и делаю на своих странницах H2 и пишу небольшой абзац, но если я хочу дополнительно включить еще запросы, то получится простыня :) думаю теперь понятней затея.

Smart Shot
На сайте с 03.09.2015
Offline
66
#8

Sk-lima, много всего читать нет времени, но в двух словах: если эти вкладки имеют отдельный статический адекватный url, то это будут разные страницы. Если url не меняется - одна страница. Как вы будете менять этот url - ваша забота. Решение ajax + html5 позволяет обновить только часть страниц при взаимодействии с пользователей, быстрее и элегантнее.

Если вы будете обновлять тупо через css - будет одна страница.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий