/ Статьи
» Статьи » Лайфхак


Адаптация бесплатного PDA шаблона UCOZ для поисковиков

Как адаптировать PDA шаблон UCOZ

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

html

И так переходим: общие - главная страница - управление дизайном и переключаемся на шаблоны для PDA версии сайта (не перепутайте!)

Вставляем в визуальном HTML редакторе нужной нам страницы такие коды:

<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0">  - обязательный код для мобильной версии, должен присутствовать на всех активных страницах вашего сайта. Масштабирует автоматом вашу страницу под размеры мобильного браузера.

Очень часто этого не хватает и изображения не сжимаются по ширине экрана и выходят за область видимой части страницы в мобильной версии. В этой проблеме масштабирования изображения поможет код: <style type="text/css">img {width:auto;max-width:100%;height:auto}</style>

 

Пример на "Главная страница каталога статей":

 

<head>

<title>$SITE_NAME$</title>

<link type="text/css" rel="StyleSheet" href="/_st/pda.css" />

<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0">

<style type="text/css">img {width:auto;max-width:100%;height:auto}</style>

</head>

 

Категория: Лайфхак

Автор: VisionLive.org

RSS Теги: PDA версия сайта, масштабирование изображения, HTML код, UCOZ | Рейтинг: 0.0/0

Рекомендуем:

Реклама в социальных сетях - как выбрать сообщество

Как заинтересовать и привлечь подписчиков в группу - формы подачи информации в социальных сетях

Что такое конструкторы сайтов и их особенности

Продвижение товаров ненавязчиво - партизанский маркетинг

Правила публикации статьи в социальных сетях

Показатели эффективности интернет-магазина