- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Маркетинг для шоколадной фабрики. На 34% выше средний чек
Через устранение узких мест
Оксана Мамчуева
VK приобрела 70% в структуре компании-разработчика red_mad_robot
Которая участвовала в создании RuStore
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый день. Возникла потребность рассмотреть создание странниц с вкладками.
Сайт коммерческий и делать "простыни" чтобы описать все что хочется как понимаете нельзя.
Поэтому возникла идея делать странницу с вкладками. Но появился вопрос - каким образом будут реагировать, читать, понимать контент странницы поисковики, как реализовывать? Пока я нашел примеры связки на CSS+HTML, без скриптов, что теоретически будет понятно для поисковиков.
Расскажите свой опыт использования вкладок, их устройство, как лучше реализовать и есть ли эффект от обширного контента одной странницы для поискового ранжирования.
Пример (то что имею ввиду):
Пока я нашел примеры связки на CSS+HTML, без скриптов, что теоретически будет понятно для поисковиков.
Расскажите свой опыт использования вкладок, их устройство
Я реализовывал вкладки на чистом HTML.
Например, здесь :).
Ещё пример, где вкладки в два ряда и ярлычок активной вкладки обведен бордюрчиком (в отличие от первого примера).
Я реализовывал вкладки на чистом HTML.
Например, здесь :).
Ещё пример, где вкладки в два ряда и ярлычок активной вкладки обведен бордюрчиком (в отличие от первого примера).
ОлдСкульный вариант). Просто в Вашей версии каждая вкладка - это отдельная страничка грузится, а в том примере что нашел все расположено на 1 странничке.
Сам пример ТЫК
Просто интересно вот что - если весь контент странички относится к одной, то открываются широкие возможности для семантического ядра (включения ряда НЧ запросов). Если поисковик правильно их кушает (как содержимое одной странички с подзаголовками). В то же время покрыть желания пользователей (ведь каждый ищет что то свое). :)
Просто интересно вот что - если весь контент странички относится к одной, то открываются широкие возможности для семантического ядра (включения ряда НЧ запросов).
А что мешает включить надобные НЧ запросы, ежели каждая вкладка имеет свой сепаратный урл (как в моём случае)? 😕
А что мешает включить надобные НЧ запросы, ежели каждая вкладка имеет свой сепаратный урл (как в моём случае)? 😕
Согласен, Вы правы, но каждая вкладка грузится при нажатии. Ммм и еще (мне так кажется) полнота описания информации на 1 страннице лучше чем разделение на разные (ну как то опытным путем сложилось такое впечатление). Чем лучше и всесторонне описываю тему на страннице тем проще как то странницу по всему сем ядру продвинуть (включая заветные СЧ).
Ну это мое субъективное мнение :) не кидайте тапком :)
Аякс + html5
Пример - http://www.tehnosila.ru/catalog/tv_i_video/televizory/televizory/-/111803
Есть ещё вопрос, который Вы не задали 😂, но на который намекнули :) (ну, во всяком случае, я понял это именно так ;)):
Если поисковик правильно их кушает (как содержимое одной странички с подзаголовками).
А вопрос в том, что на "одной странице" (с единым для всех вкладок урлом) получится один и тот же заголовок H1... а подзаголовки (H2) можно сделать по тематике каждой конкретной вкладки - свой. А при группе страниц со своим урлом каждая - как?
Я на него нашёл такой ответ: инверсия заголовков (главного и подзаголовка). Пример реализации здесь (с индексацией контента в этом примере, конечно же, будет полный швах, потому как вся содержательная часть там в графике 😂 - но в данный момент речь не об этом :)).
Аякс + html5
Пример - http://www.tehnosila.ru/catalog/tv_i_video/televizory/televizory/-/111803
Именно! Как жуется поисковиками? Тоже самое на CSS сделано в примере, лучше КСС ведь применять чем Аякс?
---------- Добавлено 04.05.2016 в 17:10 ----------
Есть ещё вопрос, который Вы не задали 😂, но на который намекнули :) (ну, во всяком случае, я понял это именно так ;)):
А вопрос в том, что на "одной странице" (с единым для всех вкладок урлом) получится один и тот же заголовок 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 ----------
Аякс + html5
Пример - http://www.tehnosila.ru/catalog/tv_i_video/televizory/televizory/-/111803
Насколько я понял в Вашем варианте тоже используются разные странички для каждой вкладки
в этом же примере все расположено на одной - ТЫК
---------- Добавлено 04.05.2016 в 17:21 ----------
Добавлю, почему уперся расположить все на одной страннице :)
Есть НЧ под которые создавать отдельную странницу ну совсем нет надобности, достаточно упомянуть в контенте и она уже в поиске). Я для таких целей как раз и делаю на своих странницах H2 и пишу небольшой абзац, но если я хочу дополнительно включить еще запросы, то получится простыня :) думаю теперь понятней затея.
Sk-lima, много всего читать нет времени, но в двух словах: если эти вкладки имеют отдельный статический адекватный url, то это будут разные страницы. Если url не меняется - одна страница. Как вы будете менять этот url - ваша забота. Решение ajax + html5 позволяет обновить только часть страниц при взаимодействии с пользователей, быстрее и элегантнее.
Если вы будете обновлять тупо через css - будет одна страница.