Перейти к содержимому

Сервис обмена электронных валют


Текст главной в футере, но поисковик его видит первым

#1 Kuchuluk

Kuchuluk
  • Пользователь
  • 315 сообщений
  • Репутация: 5
0

Отправлено 27 Март 2014 - 14:49

Видел сайт онлайн журнал женский http://www.elle.ru/ . И заметил на нем такую фигню - что текст главной страницы расположен в футере, но когда открываешь исходный код, то он идет первым после тега body. Это реализуется на javascripte, вроде как-то с помощью модального окна. Кто реализовывал такое? Подскажите примерно в какую сторону копать?


 

 

  • 0

#2 GVA

GVA
  • Супермодератор
  • 998 сообщений
  • Репутация: 201

Отправлено 27 Март 2014 - 15:21

 Пример на js будет выглядеть примерно так, всё зависит от вашей вёрстки

<html>
<head>
<script type='text/javascript'>
function reverse()
{
document.getElementById('top').parentNode.insertBefore(document.getElementById('top'), document.getElementById('bottom'));
}
</script>
</head>
<body onload="reverse()">
<div id="bottom">нижний текст</div>
<div id="top">ваш текст, который нужно поднять</div>
</body>
</html>

На счёт чистоты и "законности" и этого метода для поисковиков сказать ничего не могу.
 
А вообще это всё можно решить и на обычных дивах через абсолютное позиционирование без использования скриптов


  • 1

#3 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 27 Март 2014 - 15:26

На указанном сайте это реализует данная строка кода:

//move seo text
$('.footer-text p').html($('.header-text').html()); 

Текст помещен в блоке с классом header-text и скрыт:

<div class="header-text" style="display:none;">Здесь скрытый текст</div>

Затем эта часть строки кода получает скрытый текст:

$('.header-text').html()

А эта часть строки кода добавляет его в футер:

$('.footer-text p').html();

  • 1


#4 Ixman

Ixman
  • Пользователь PRO
  • 2 159 сообщений
  • Репутация: 432

Отправлено 27 Март 2014 - 16:27

Всё это можно реализовать исключительно на CSS, но зачем футер пихать вверх я не знаю. Одно могу сказать если Вам интересна эта тема в плане SEO то ищите SEO дизайн или SEO вёрстка


  • 1

#5 Kuchuluk

Kuchuluk
    Topic Starter
  • Пользователь
  • 315 сообщений
  • Репутация: 5

Отправлено 27 Март 2014 - 16:47

но зачем футер пихать вверх я не знаю.

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


  • 0

#6 Ixman

Ixman
  • Пользователь PRO
  • 2 159 сообщений
  • Репутация: 432

Отправлено 27 Март 2014 - 17:19

Ну так-то оно так, но SEO дизайн думаю принцип вам раскроет как это на CSS делается. Только там немного логика другая. В основном делают по такой схеме в коде страницы сначала идёт центральный блок, затем сайдбар, затем хедер и затем футер. Хотя можно реализовать как угодно


  • 0


Оформление форума – IPBSkins.ru