Как оптимизировать веб-сайт для iPhone Viewing

Дни посетителей, обращающихся к веб-сайт исключительно из своих личных компьютеров быстро исчезает, как владельцы мобильных устройств, таких как айфонов выбирают, чтобы получить информацию из своих любимых веб-сайтов, на ходу. Навигация вашего сайта трудно для пользователей iPhone, если ваш сайт не оптимизирован должным образом. Сайт не оптимизирован для iPhone может привести к увеличению времени загрузки и неправильного потока контента для пользователя. Оптимизация сайта для iPhone посетителей просто с некоторыми коррективами к содержанию вашего сайта.
, Что вам нужно
HTML редактор (опционально) туристический портал Код HTML
графический редактор (по желанию)

Иконка, представляющая Ваш сайт (необязательно)
Обычная текстовый редактор (опционально) авто Инструкции
1

Создать 57x57 пикселей значок размера, который представляет ваш сайт, используя графический редактор. Загрузите картинку на свой веб-сайт, введя следующий код в разделе "голова" стартовой HTML-код: & Lt; ссылка отн = "яблоко-сенсорный значок" HREF = "/IMG /touch_icon.png">. Это миниатюрами используется iPhone посетителей, когда пользователь закладки iPhone, чтобы ваш сайт его домашнем экране iPhone. Каталог
2

Удалить все флэш-объекты и содержание с вашего сайта, удаляя строки кода внутри HTML редактор или простой текстовый редактор. Каталог
страница 3

Удалить все анимированные GIF файлы с вашего сайта путем размещения кода, который представляет анимационный GIF в HTML редакторе или текстовом редакторе. IPhone не поддерживает изображения, сохраненные в виде анимированных GIF-файлов. Все анимационные картинки на вашем сайте будет отображаться некорректно, так как только первое изображение анимированного GIF показано. Каталог
4

Создание отдельных CSS стилей для всего iPhone зрителей. Включите следующий код в HTML домашней страницы вашего сайта, чтобы направить браузер на iPhone пользователя для правильного CSS стилей (без кавычек): "& Lt; - для IPhone: -> & Lt; ссылка СМИ =" только экран и (макс-устройства ширина: 480px) "HREF =" малого device.css "тип =" текст /CSS "отн =" стилей "> & Lt; - За все остальное: -> & Lt; ссылка СМИ =" Экран и (мин-устройства ширина: 481px) "HREF =" не-мало-device.css "тип =" текст /CSS "отн =" стилей ">". Загрузить вновь созданных iPhone CSS стилей для веб-сервера, когда завершена.

В