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

Weebly предлагает простой в создании конструктор сайтов с бесплатным хостингом. Хотя бесплатных функций достаточно для запуска вашего веб-сайта, вы можете опубликовать его только в поддомене Weebly. Поэтому мы рекомендуем вам перейти на премиальные планы для подключения вашего личного доменного имени к сайту Weebly. Независимо от того, используете вы бесплатный или премиальный план, Weebly позволяет добавить логотип на свой сайт. В этой статье мы объясним, как загрузить логотип в Weebly и добавить альтернативный текст к изображению логотипа.

Загрузка логотипа на сайт Weebly

Войдите в свою учетную запись Weebly и перейдите в раздел панели управления. Щелкните раскрывающийся список на правой боковой панели и выберите свой веб-сайт. После этого нажмите кнопку «Редактировать веб-сайт», чтобы перейти в редактор сайта Weebly.

Редактировать сайт Weebly

Наведите указатель мыши на заголовок сайта в разделе заголовка вашего сайта.

Выберите вариант логотипа
Выберите вариант логотипа

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

  • Off – выключить логотип
  • Текст – использовать текстовый логотип
  • Логотип – используйте графический логотип

Нажмите на «Логотип», чтобы включить загрузчик изображений в Weebly.

Загрузить логотип
Загрузить логотип

Загрузить или использовать URL

Есть два варианта использования вашего логотипа. Загрузите собственный логотип или используйте URL-адреса сторонних веб-сайтов.

Связанный: Получите 50+ бесплатных виджетов Weebly для добавления на свой сайт.

Загрузка собственного логотипа

Перейдите на вкладку «Мой компьютер» и нажмите «Загрузить фото со своего компьютера». Выберите файл с логотипом на своем компьютере и загрузите на свой сайт. Таким образом, ваш файл логотипа будет загружен на ваш сайт, который вы можете редактировать и добавлять теги alt.

Использование URL изображения логотипа

Кроме того, вы можете перейти на вкладку «URL-адрес изображения» и вставить URL-адрес изображения вашего логотипа. Это полезно, если вы хотите использовать изображение с любого стороннего веб-сайта.

Использовать URL изображения для логотипа
Использовать URL изображения для логотипа

Мы не рекомендуем использовать URL изображения по следующим причинам:

  • Насколько мы проверили, эта опция некорректно работает в Weebly.
  • Многие сторонние веб-сайты не позволяют встраивать изображения. Это называется хотлинкингом для защиты ресурсов сервера.
  • В этом случае вы не можете редактировать логотип.
  • Неподдерживаемый логотип будет отображаться как сломанное изображение, как показано ниже, что снижает доверие к вашему сайту.
Hotlinking включен
Hotlinking включен

Редактирование вашего логотипа

После загрузки собственного логотипа вы можете удалить или отредактировать его в редакторе Weebly. Наведите указатель мыши на изображение логотипа и нажмите кнопку корзины.

Кнопка корзины
Кнопка корзины

Подтвердите удаление логотипа, нажав кнопку «Да, удалить».

Удалить логотип
Удалить логотип

Если вы хотите отредактировать изображение своего логотипа, наведите на него курсор и нажмите кнопку «Редактировать». Ваш логотип откроется в редакторе изображений Weebly. Есть много вариантов обрезки, установки фильтров, настройки цветов, добавления текста и установки фокуса.

Редактор логотипов Weebly
Редактор логотипов Weebly

После редактирования логотипа нажмите кнопку «Сохранить», чтобы повторно загрузить отредактированный логотип.

Добавить тег Alt к логотипу в Weebly

После завершения редактирования собственного файла логотипа опубликуйте свой веб-сайт. Сначала вы можете проверить, есть ли у логотипа тег alt.

  • Откройте сайт в любом браузере.
  • Щелкните правой кнопкой мыши свой логотип и выберите вариант «Проверить» или «Проверить элемент».
  • В браузере откроется консоль разработчика.
  • Проверьте, есть ли у вашего логотипа атрибут alt tag.
Нет альтернативного тега
Нет альтернативного тега

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

  • Вернитесь в редактор Weebly и перейдите в раздел «Настройки».
  • На вкладке «Общие» убедитесь, что у вашего сайта есть «Заголовок сайта».
Добавить название сайта в Weebly
Добавить название сайта в Weebly
  • Теперь перейдите на вкладку «Сборка» и наведите указатель мыши на изображение своего логотипа.
  • Выберите, Текст »для логотипа. Теперь он должен отображать заголовок сайта в виде текстового логотипа.
  • Weebly использует название сайта в качестве вашего текстового логотипа. Когда вы редактируете текстовый логотип, название вашего сайта также изменится. Мы настоятельно рекомендуем использовать название вашего бренда или сайта в качестве заголовка сайта (который также является текстом вашего логотипа).
  • Опубликуйте свой сайт, на котором будет отображаться текстовый логотип.
  • Вернитесь в редактор Weebly и выберите опцию «Логотип», чтобы отключить текст и включить изображение логотипа.
  • Опубликуйте свой сайт и проверьте его в консоли разработчика браузера, которая должна иметь замещающий текст для изображения логотипа.
Альтернативный тег добавлен в логотип
Альтернативный тег добавлен в логотип

Иногда редактор Weebly работает хаотично. По сути, вам нужно опубликовать сайт с текстовым логотипом, а затем повторно опубликовать его с графическим логотипом. Это примет название сайта в качестве атрибута alt вашего логотипа. Не забудьте очистить кеш браузера при многократной проверке исходного кода.

Почему важен альтернативный тег

Тег Alt важен для любого изображения по двум причинам:

  • Специальные возможности – теги alt помогают программам чтения с экрана понимать изображения. Хотя отображение заголовка сайта в виде тега alt в Weebly может не помочь в этом случае, по крайней мере, это лучше, чем отсутствие альтернативного текста.
  • SEO – изображение логотипа доступно как часть шапки и отображается на всех страницах вашего сайта. Когда вы создаете отчет SEO или проводите аудит SEO, вы столкнетесь с проблемой отсутствия тега alt для изображения логотипа на каждой странице. Добавив тег alt, как описано выше, вы можете навсегда избавиться от этой проблемы с SEO.

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

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

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