Как автоматизировать отображение коротких URL-адресов вместо длинных при просмотре веб-страниц на мобильных устройствах?

Как автоматизировать замену длинных URL-адресов на короткие при просмотре веб-страниц на мобильных устройствах?

Мобильные телефоны, по крайней мере — большинство из них, имеют небольшие экраны и поэтому редко можно увидеть полный адрес веб-страницы в вашем мобильном браузере. Обратите внимание на длину URL-адреса данной публикации. Но если Вы откроете ее на своем мобильном устройстве, в адресной строке мобильного браузера будет виден короткий URL.

Конечно, короткие URL-адреса можно установить по умолчанию в настройках постоянных ссылок, но при этом мы ухудшим положение сайта с точки зрения SEO-оптимизации. Поэтому очень важно иметь такое решение, которое не повредит позиции сайта в поисковой выдаче.

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

В этой же статье мы предлагаем ознакомиться с двумя способами решения заявленной задачи.

1. Манипуляция URL-адресом с помощью функции History API от HTML5.

Суть способа такова: Мы можем легко определить тот факт, что веб-страница просматривается с помощью мобильного устройства, так как у него есть такая характеристика как ширина экрана. Именно задав определенный параметр ширины мы программируем выдачу короткой версии URL-адреса нашей веб-страницы. Для этого используется метод pushState функции History API от HTML5.

При этом отображаемая в адресной строке ссылка будет заменена на короткий URL-вариант без перезагрузки самой веб-страницы.

Вот фрагмент JavaScript-кода, который Вы можете разместить в любом месте Вашей веб-страницы.

Манипуляция URL-адресом с помощью функции History API от HTML5

Этот код нужно размещать на каждой отдельной веб-странице, поэтому короткий URL-адрес нужно для каждой страницы прописывать самостоятельно. В нашем коде — /short-url в строке № 6. Эту запись и нужно редактировать и прописывать свой вариант. При этом не допустимо прописывать доменный адрес другого сайта.

2. Автоматическая замена длинных URL-адресов на короткие для веб-страниц на WordPress.

Предыдущий фрагмент кода приемлемо использовать на HTML-сайте с парой страниц. Если же у Вас WordPress-сайт, то нужно просто вставить специальный HTML-код со специальным скриптом в файл functions.php. В результате автоматическая замена длинных ссылок на короткие в формате ?p=postID будет происходить на всех страницах Вашего сайта.

Проведите эксперимент — сверните окно Вашего браузера до ширины не более 700 пикселей и перезагрузите эту веб-страницу. Параметр ширины экрана Вы тоже можете задать в предлагаемом HTML-коде.

Итак, хотите получить ссылку на файл с HTML-кодом для автоматизации замены длинных URL-адресов на короткие при просмотре Ваших веб-страниц на мобильных устройствах?

Тогда нажмите на одну из кнопок ниже.

Оставьте свой комментарий

Cloudim - онлайн консультант для сайта бесплатно.
Google Мы в Google+