Как да добавите хипервръзка към изображение в WordPress

Свързаното изображение превръща статичния визуален елемент в инструмент за навигация. Вместо да карате посетителите да кликват върху текстова връзка или бутон, можете да им позволите да натиснат върху снимка на продукт, банер, лого или промоционално изображение и да ги насочите директно към страницата, която искате да видят.

За бизнес уебсайтове това е особено полезно. Кликваемото изображение може да отвежда към страница за услуга, контактна форма, страница с цени, публикация в блога или поток за регистрация. Когато се използва правилно, то подобрява удобството за потребителя, подпомага конверсиите и държи важните страници лесни за откриване.

Защо да свързвате изображение?

Добавянето на хипервръзка към изображение е полезно в много често срещани уеб оформления:

• Hero банери, които водят към специална оферта
• Карти на услуги, които отварят подробни страници
• Лога, които връщат потребителите към началната страница
• Снимки на продукти, които водят към продуктови страници
• Промоционални графики, които изпращат посетителите към целева страница на кампания
• Секции с призив към действие, които се нуждаят от визуална точка за кликване

Кликваемите изображения могат да направят страницата по-лесна за преглед, особено на мобилни устройства, където визуалните подсказки често работят по-добре от малки текстови връзки.

Преди да започнете

Уверете се, че вече имате:

• Публикувана или чернова WordPress страница или публикация
• Изображението, качено в медийната библиотека или готово за вмъкване
• Целевия адрес, който искате изображението да отваря

Ако свързвате към вътрешна страница, копирайте първо нейния адрес. Ако свързвате към външен сайт, потвърдете, че целевата страница е надеждна и релевантна.

Как да добавите хипервръзка към изображение в редактора на блокове на WordPress

Повечето съвременни WordPress сайтове използват редактора на блокове, известен също като Gutenberg. Процесът е лесен.

1. Отворете страницата или публикацията

От таблото за управление на WordPress отидете до страницата или публикацията, в която искате да се появи връзката към изображението.

2. Вмъкнете или изберете блока с изображението

Ако изображението още не е на страницата:

• Щракнете върху бутона +
• Изберете блока Image
• Качете ново изображение, изберете такова от медийната библиотека или вмъкнете от адрес, ако е подходящо

Ако изображението вече е на страницата, щракнете върху него веднъж, за да изберете блока.

3. Добавете връзката

Когато блокът с изображението е избран, потърсете иконата за връзка в лентата с инструменти на блока.

• Щракнете върху бутона за връзка
• Поставете или въведете целевия адрес
• Натиснете Enter или приложете връзката

В зависимост от вашата версия на WordPress и темата, може да видите и опции за връзка към:

• Медийния файл
• Страницата на прикачения файл
• Потребителски адрес
• Нищо

За повечето бизнес случаи Потребителски адрес е най-добрият избор, защото ви дава пълен контрол върху това накъде води изображението.

4. Коригирайте поведението на връзката, ако е необходимо

Някои редактори позволяват да изберете дали връзката да се отваря в нов раздел. Това често е полезно за външни връзки, докато вътрешните обикновено работят най-добре в същия раздел.

Използвайте нов раздел само когато това подобрява потребителското изживяване. Избягвайте да принуждавате всяка връзка да се отваря в нов раздел, защото това може да бъде дезориентиращо.

5. Запазете или обновете страницата

Щракнете върху Обнови, Публикувай или Запази чернова, за да запазите промените.

Как да свържете изображение в Classic Editor

Ако вашият сайт все още използва Classic Editor, процесът е малко по-различен, но също толкова лесен.

1. Вмъкнете изображението

Щракнете върху Add Media и поставете изображението в областта на съдържанието.

2. Изберете изображението

Щракнете върху изображението, за да се появи лентата с инструменти за редактиране.

3. Отворете настройките за връзка

Изберете опцията за връзка от лентата с инструменти на изображението или от панела с детайли за изображението, в зависимост от вашата конфигурация.

4. Въведете целевия адрес

Поставете адреса в полето за връзка и потвърдете промяната.

5. Обновете публикацията или страницата

Запазете работата си, за да стане свързаното изображение активно на живия сайт.

Най-добри практики за свързани изображения

Хипервръзката върху изображение е полезна само ако посетителите веднага разбират какво ще се случи при кликване. Следвайте тези добри практики, за да запазите изживяването ясно и ефективно.

Направете целта очевидна

Използвайте изображения, които визуално подсказват действието или съдържанието зад тях. Изображение за услуга трябва да води към съответна страница за услуга. Промоционална графика трябва да води към самата промоция.

Използвайте описателен alt текст

Alt текстът помага на екранните четци да разберат изображението и подпомага достъпността. Той също така дава контекст, ако изображението не се зареди.

Ако изображението е само декоративно, може изобщо да не е нужна хипервръзка.

Поддържайте важните изображения удобни за кликване на мобилни устройства

Потребителите на мобилни устройства разчитат на достатъчно големи зони за докосване. Уверете се, че изображението е достатъчно голямо, за да се натиска удобно без случайни кликвания.

Избягвайте свързване на несвързано съдържание

Не изпращайте посетителите от една тема към нещо напълно различно. Несъответстващите връзки намаляват доверието и вредят на конверсиите.

Използвайте свързани изображения пестеливо

Твърде много кликваеми изображения могат да направят страницата претрупана. Използвайте ги там, където добавят реална стойност, а не само защото функцията съществува.

Комбинирайте изображенията с подкрепящ текст

Кратко заглавие или надпис до изображението помага на посетителите да разберат следващата стъпка. Това е особено важно за маркетингови страници и страници за услуги.

Често срещани случаи на употреба за бизнес уебсайтове

Свързаните изображения могат да подпомогнат целите на сайт на малък бизнес по няколко начина.

Навигация на началната страница

Лого или представително изображение може да насочва потребителите към ключови страници като услуги, цени или контакт.

Популяризиране на продукти и услуги

Изображения на целеви страници могат да придвижват посетителите по-надълбоко във фунията на продажбите.

Ангажиране в блога

Избраните изображения могат да водят към свързани ресурси, казуси или вътрешни статии.

Генериране на потенциални клиенти

Банер или значка като изображение може да насочва към формуляр за регистрация, страница за консултация или оферта.

Изграждане на доверие

Значки за разпознаване, лога на партньори или графики с препоръки могат да водят към подкрепящи страници с повече информация.

Отстраняване на често срещани проблеми

Ако свързаното изображение не работи според очакванията, проверете следното:

Въведен е грешен адрес

Уверете се, че целевият адрес е пълен и правилен. Липсващ https:// или повредена вътрешна връзка може да попречи на правилната работа на изображението.

Изображението е свързано към страницата на прикачения файл вместо към правилната страница

WordPress понякога по подразбиране използва връзки към медийни файлове или прикачени файлове. Заменете ги с точния адрес, който искате.

Промените в редактора не са записани

Ако връзката към изображението не се вижда на живата страница, потвърдете, че сте щракнали Обнови или Публикувай след редактирането.

Плъгин или тема пречи

Някои конструктори на страници, плъгини за оптимизация или персонализирани теми могат да променят начина, по който работят връзките към изображения. Ако е необходимо, тествайте страницата със временно деактивирани плъгини в среда за тестване.

Изображението изглежда кликваемо, но нищо не се случва

Това може да се случи, ако друг елемент припокрива изображението или ако персонализиран код влияе върху оформлението на страницата. Проверете структурата на страницата и тествайте в друг браузър.

Съвети за стратегията на връзките за по-добра производителност на сайта

Свързаното изображение трябва да подпомага по-широка съдържателна стратегия, а не просто да служи като декорация.

• Свързвайте само когато изображението помага на потребителите да предприемат полезна следваща стъпка
• Свързвайте изображенията със страници, които отговарят на намерението на потребителя
• Използвайте ясни надписи и съпътстващ текст с призив към действие
• Ако е възможно, преглеждайте ефективността на кликванията в аналитиката
• Актуализирайте старите връзки към изображения, когато адресите на страниците се променят

За фирмен уебсайт тези малки подобрения могат да направят навигацията по-плавна и да намалят триенето по време на потребителското пътуване.

Заключителни мисли

Добавянето на хипервръзка към изображение в WordPress е проста задача, но може да има значим ефект върху удобството и конверсиите, когато се прави с ясна цел. Независимо дали свързвате лого, банер, изображение на услуга или промоционална графика, ключът е целта да е релевантна и действието да е ясно.

Ако управлявате бизнес уебсайт, третирайте всяко кликваемо изображение като част от структурата на сайта. Най-добрите връзки към изображения насочват посетителите естествено към следващата стъпка, подкрепят съдържанието ви и правят изживяването по-лесно както на настолни компютри, така и на мобилни устройства.