Как добавить коды в разделы кода верхнего и нижнего колонтитула Weebly?

Как добавить коды в раздел заголовка?

Код заголовка – это раздел, доступный в редакторе сайта Weebly, с помощью которого пользователи могут добавлять собственный код HTML, CSS и JavaScript в раздел заголовка страницы, сайта или блога. Во многих случаях пользователям может потребоваться добавить пользовательские коды между тегами …. страницы или сайта. Например, код проверки метатега инструментов для веб-мастеров должен быть добавлен в раздел кода заголовка на уровне сайта.

Weebly предлагает три возможности добавлять коды в заголовок:

  • Заголовок сайта – вставленный здесь код повлияет на весь сайт. Коды уровня сайта можно добавить в «Настройки> SEO> Код заголовка».
  • Заголовок страницы – вставленный здесь код повлияет на элементы на этой странице. Коды уровня страницы можно добавить в разделе «Страницы> Выбрать страницу> Дополнительно> Код заголовка».
  • Заголовок сообщения в блоге – вставленный здесь код повлияет на все сообщения в блоге. Коды уровня публикации можно вставить в разделе «Настройки> Блог> Код заголовка сообщения».

Раздел кода заголовка Weebly

Нет возможности добавлять код в раздел заголовков отдельных сообщений Weebly.

Как добавить коды в нижний колонтитул?

Подобно разделу кода заголовка, Weebly также предлагает раздел кода нижнего колонтитула, позволяющий пользователям добавлять пользовательский код HTML, CSS и JavaScript в раздел нижнего колонтитула страницы, сайта или блога. Есть много ситуаций, когда пользователям может потребоваться добавить собственные коды перед концом тега body. Добавление скрипта в раздел нижнего колонтитула позволяет быстрее загружать страницу и избегать таких проблем, как «Устранение блокирующих отображение JavaScript и CSS в содержимом верхней части страницы» в Инструмент Google PageSpeed ​​Insights. Это также может помочь избежать конфликта кода с другим контентом на странице. Например, код отслеживания Google Analytics должен быть добавлен в раздел кода нижнего колонтитула на уровне сайта.

Weebly предлагает три возможности добавлять коды в нижний колонтитул:

  • Нижний колонтитул сайта – вставленный здесь код повлияет на весь сайт. Коды уровня сайта можно добавить в «Настройки> SEO> Код нижнего колонтитула».
  • Нижний колонтитул страницы – вставленный здесь код повлияет на элементы на этой странице. Коды уровня страницы можно добавить в разделе «Страницы> Выбрать страницу> Дополнительно> Код нижнего колонтитула».
  • Нижний колонтитул сообщения блога – вставленный здесь код повлияет на все сообщения блога. Коды уровня публикации можно вставить в разделе «Настройки> Блог> Код нижнего колонтитула публикации».
Раздел кода нижнего колонтитула Weebly

Раздел кода нижнего колонтитула Weebly

Рекомендуется добавлять CSS в раздел кода заголовка и скрипты в разделе кода нижнего колонтитула для быстрой загрузки страницы.

Почему вы должны использовать разделы кода верхнего и нижнего колонтитула?

Есть много ситуаций, когда вам нужно добавлять коды в разделы верхнего и нижнего колонтитула сайта или страницы.

  • Мета-тег проверки для инструментов веб-мастеров, Alexa, Pinterest и т. Д.
  • Код отслеживания Google Analytics для получения статистики трафика.
  • Связывание внешних таблиц стилей, таких как font awesome, bootstrap и т. Д.
  • Добавление jQuery, Ajax и других скриптов с сайтов CDN для более быстрой доставки.

Иногда вам может потребоваться попробовать добавить код с разделами верхнего и нижнего колонтитула в качестве альтернативы для достижения этой функции. Например, Weebly рекомендует добавить код Google Analytics в раздел нижнего колонтитула, но Google рекомендует добавить его в раздел заголовка.

Использование элемента встроенного кода

Элемент Embed Code используется для вставки кодов от третьих лиц с целью добавления новых функций на сайт Weebly. Обычно встроенный элемент кода используется вместе с разделами кода верхнего и нижнего колонтитула. Ниже приведены рекомендации по использованию элемента встроенного кода:

  • Добавьте HTML-код в область содержимого с помощью элемента «Вставить код».
  • Добавьте код CSS в раздел «Код заголовка».
  • Добавьте код сценария в раздел «Код нижнего колонтитула».

20

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *