logo у меня все покупают г. Москва

Загрузка части контента на WordPress с помощью AJAX

27 ноября 2020 в 12:49 Блог веб-разработчика

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

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

AJAX по сути – это динамическая загрузка части содержимого страницы с помощью JavaScript. Т.е. вроде бы на сайте эта часть контента отображается, но, если заглянуть в исходный код страницы, то там его нет. Или, если отключить в браузере поддержку JavaScript, то этого контента также не будет видно.

Такую возможность можно использовать, например, чтобы уменьшить количество внутренних ссылок на сайте для поисковых систем. Ни Гугл, ни Яндекс не проиндексируют ту часть контента, которая подключается через AJAX.

Итак, переходим к практике. Расскажу, как это сделать на WordPress на примере помесячного списка архивов, который выводится обычно в сайдбаре.

Предлагаю 2 варианта решения. Второй – наиболее простой.

Первый вариант

Создайте в папке с вашим WordPress-шаблоном новый php-файл (например, ajax_archives.php) со следующим содержимым:

Зайдите в админку WordPress и создайте новую страницу. Назовите ее как угодно, например “Список архивов”. Справа в блоке “Атрибуты страницы” выберите шаблон “AJAX список архивов”.

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

В том месте файла sidebar.php, где вы хотите увидеть список архивов, вставьте такой html-код:

AJAX мы реализуем с помощью jQuery, поэтому, если он еще не подключен на вашем сайте, в файл header.php перед кодом <?php wp_head(); ?> добавьте следующий код:

Теперь осталось добавить на сайт малюсенький скриптик, который будет загружать нужный контент. Создайте js-файл (например, scripts.js) и вставьте в него следующий код:

Вместо http://ВАШ_ДОМЕН/ajax_archives/ подставьте адрес выше созданной страницы.

Файл закиньте в папку с шаблоном вашего сайта и подключите в файле header.php, вставив следующую строку перед тегом </head>:

Второй вариант

Этот вариант заметно проще, т.к. здесь не потребуется создавать дополнительную страницу.

Создайте в папке с вашим WordPress-шаблоном новый php-файл (например, ajax_archives.php) со следующим содержимым:

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

В том месте файла sidebar.php, где вы хотите увидеть список архивов, вставьте такой html-код:

Если jQuery еще не подключен на вашем сайте, в файл header.php перед кодом <?php wp_head(); ?> добавьте следующий код:

Создайте новый js-файл (например, scripts.js) и вставьте в него следующий код:

Файл закиньте в папку с шаблоном вашего сайта и подключите в файле header.php, вставив следующую строку перед тегом </head>:

Вот, собственно, и все. Можете наблюдать результат.

Подобным образом можно запихнуть хоть весь сайдбар, либо сделать несколько отдельных блоков с каким-то содержимым.

Загрузка части контента на WordPress с помощью AJAX #8642398 Загрузка части контента на WordPress с помощью AJAX #2642598 Загрузка части контента на WordPress с помощью AJAX #3357202 Загрузка части контента на WordPress с помощью AJAX #9357002 Загрузка части контента на WordPress с помощью AJAX #15356802 Загрузка части контента на WordPress с помощью AJAX #21356602 Загрузка части контента на WordPress с помощью AJAX #27356402 Загрузка части контента на WordPress с помощью AJAX #33356202 Загрузка части контента на WordPress с помощью AJAX #39356002 Загрузка части контента на WordPress с помощью AJAX #45355802 Загрузка части контента на WordPress с помощью AJAX #51355602 Загрузка части контента на WordPress с помощью AJAX #57355402 Загрузка части контента на WordPress с помощью AJAX #63355202 Загрузка части контента на WordPress с помощью AJAX #69355002 Загрузка части контента на WordPress с помощью AJAX #75354802 Загрузка части контента на WordPress с помощью AJAX #81354602 Загрузка части контента на WordPress с помощью AJAX #87354402 Загрузка части контента на WordPress с помощью AJAX #93354202 Загрузка части контента на WordPress с помощью AJAX #99354002 Загрузка части контента на WordPress с помощью AJAX #105353802 Загрузка части контента на WordPress с помощью AJAX #111353602 Загрузка части контента на WordPress с помощью AJAX #117353402 Загрузка части контента на WordPress с помощью AJAX #123353202 Загрузка части контента на WordPress с помощью AJAX #129353002 Загрузка части контента на WordPress с помощью AJAX #135352802 Загрузка части контента на WordPress с помощью AJAX #141352602 Загрузка части контента на WordPress с помощью AJAX #147352402 Загрузка части контента на WordPress с помощью AJAX #153352202 Загрузка части контента на WordPress с помощью AJAX #159352002 Загрузка части контента на WordPress с помощью AJAX #165351802

Похожие статьи


Оставить заявку
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите контактный E-mail: *

Ваш вопрос:

Рассчитать стоимость
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Прикрепить файл:

Ваш вопрос:

Введите контактный E-mail: *

Заказать обратный звонок
Для экономии вашего времени на все звонки отвечают программисты, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите ваше имя *

Как с вами связаться? *

Введите контактный телефон *

Создадим сайт по картинке или вашему макету
Цена: от 2,900 руб. Я бесплатно рассчитаю стоимость реализации сайта в течение 15 минут.
Как это работает? После расчета стоимости я отпиваюсь вам и вы принимаете решение о дальнейшем сотрудничестве.
Задать вопрос
Опишите вопрос своими словами. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите ваше имя *

Введите контактный email *

Комментарий

There are no products