Форум Практика оптимизации Общие вопросы оптимизации

Адаптивный display:none;

Утка-робот
На сайте с 08.07.2008
Offline
222
Утка-робот
776

В адаптивной верстке стиль убирает лишнее на маленьких разрешениях 

@media only screen and (max-width: 800px) {
#logo, .likers, .tright  {display:none;}
}

Как Яндекс к такому относится?

LEOnidUKG
На сайте с 25.11.2006
Offline
1752
LEOnidUKG
#1
Как Яндекс к такому относится?

Вполне отлично. У меня PDA версия и обычный сайт на одном домене, через стили. Всё прекрасно.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
богоносец
На сайте с 30.01.2007
Offline
764
богоносец
#2
Техника замены изображений через -9999px была популярна почти десятилетие. Для замены текстового элемента изображением, можно использовать следующий код: 
<h1>Заменяемый текст</h1>

<style>

h1

{

  background: url("myimage.png") 0 0 no-repeat;

  text-indent: -9999px;

}

</style>


Фон элемента отображается, а текст перемещается за пределы экрана, чтобы он не мешал. Просто и эффективно.

Новая техника была придумана Скоттом Келлумом и опубликована на Zeldman.com. 
#replace

{

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

}

рассадник спама

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