10 твиков Weebly для бесплатных пользователей –

Weebly утверждает, что более 30 миллионов пользователей используют их платформу перетаскивания для создания веб-сайтов. Одним из важных факторов успеха Weebly является разрешение бесплатным пользователям изменять исходный код. В последние дни Weebly ввел ограничения на серверную часть для бесплатных пользователей. Тем не менее, вы можете настроить свой бесплатный сайт, чтобы вывести его на профессиональный уровень. Вот 10 настроек Weebly для бесплатных пользователей, которые сделают ваш сайт профессиональным и оптимизированным для SEO.

10 твиков Weebly для бесплатных пользователей

Хотя некоторые советы доступны в рамках Weebly Pro или других премиальных планов, большинство из них доступны бесплатно, а также для премиум-пользователей.

1. Удалите бесплатный нижний колонтитул Weebly

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

Удалить нижний колонтитул WeeblyУдалить нижний колонтитул Weebly

Прочтите статью о том, как удалить бесплатный нижний колонтитул Weebly и добавить собственные ссылки.

2. Добавьте кнопку прокрутки вверх

Кнопки прокрутки вверх или возврата к началу — это простой способ для пользователей перейти к началу страницы. Это полезная функция, особенно если у вас длинный контент. Вы можете просто использовать текстовую ссылку HTML с атрибутом href как «#top», чтобы добраться до верхней части страницы.

Если вам нужен эффект плавной прокрутки, прочтите статью о том, как добавить кнопку прокрутки вверх на сайте Weebly.

3. Добавьте значок на бесплатный сайт Weebly

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

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

4. Изменить исходный код

Опция «Редактировать HTML/CSS» позволяет получить доступ к редактору исходного кода. Вы можете легко загружать файлы и изменять макеты своей темы. Также можно полностью загрузить собственную стороннюю тему для использования на своем сайте. Узнайте больше о том, как редактировать исходный код вашего сайта Weebly.

Редактор кода WeeblyРедактор кода Weebly

5. Добавление пользовательского CSS/скрипта

CSS делает ваш сайт красивым. Есть много причин, по которым вам может быть интересно добавить собственный CSS на свой бесплатный сайт Weebly. Вы можете сделать это следующими тремя способами:

  • Добавьте встроенный CSS с помощью элемента «Код для встраивания»
  • Добавить внутри на уровне страницы
  • Добавить извне на уровне сайта

Прочтите статью, чтобы получить полную информацию о том, как добавить CSS на сайт Weebly. Как и в случае с CSS, на ваш бесплатный сайт Weebly можно добавить собственный JavaScript.

6. Проверьте сайт с помощью Google Search Console и инструментов для веб-мастеров.

Первым шагом в SEO является добавление вашего сайта в поисковую систему Google. Единственный способ сделать это — добавить свой сайт в учетную запись Google Search Console и вставить код отслеживания на свой сайт Weebly, чтобы подтвердить право собственности. Weebly упрощает процесс проверки, предлагая специальный раздел кода заголовка для вставки кода подтверждения. Перейдите в «Настройки > SEO > Код заголовка» на своем сайте Weebly, вставьте проверочный код и опубликуйте свой сайт.

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

7. Интегрируйте Google Analytics

Google Analytics поможет вам отслеживать различные аспекты трафика на ваш сайт. В настоящее время трудно увидеть веб-сайт без интеграции Google Analytics. Weebly предлагает простой способ вставки кода аналитики на уровне сайта. Просто скопируйте и вставьте код аналитики в раздел «Настройки > SEO > Код заголовка», чтобы подтвердить право собственности. Узнайте больше о добавлении кода Google Analytics на свой сайт Weebly.

Предупреждение: Не забудьте вставить код аналитики в раздел заголовка, а не в раздел кода нижнего колонтитула, как рекомендует Weebly. Если вы вставите код под раздел кода нижнего колонтитула, Google покажет вам сообщение об ошибке, чтобы вставить код под заголовком ваших страниц.

8. Добавьте последние сообщения в ленту блога

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

Классы CSS для элемента чтения ленты новостей WeeblyКлассы CSS для элемента чтения ленты новостей Weebly

9. Включите систему комментирования Disqus.

Система комментариев Weebly по умолчанию не имеет многих функций, таких как модерация электронной почты и комментирование с помощью входа в социальную сеть. К счастью, Weebly предлагает альтернативные варианты, такие как комментирование в Facebook и Disqus. Мы рекомендуем использовать Disqus, который поможет вам легко и внешне управлять всеми комментариями.

Выберите систему комментирования Disqus для блога WeeblyВыберите систему комментирования Disqus для блога Weebly

10. Добавьте значки шрифтов

Есть два простых способа использовать значки шрифтов на бесплатном сайте Weebly. Один из них — удалить файлы шрифта и CSS и разместить их на своем сайте. Во-вторых, добавьте ссылку CDN CSS для подключения к внешним библиотекам. Узнайте, как использовать значки Font Awesome на сайте Weebly, и вы сможете использовать любые другие значки аналогичным образом. Вы можете создавать красивые разделы во всю ширину, комбинируя значки шрифтов, код внедрения и элементы разделов.

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

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

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