WordPress-та суретке гиперсілтеме қалай қосылады

Сілтемесі бар сурет статикалық визуалды навигация құралына айналдырады. Келушілерден мәтіндік сілтемені немесе батырманы оқуды күтудің орнына, сіз оларға өнім фотосына, баннерге, логотипке немесе хабарлама суретіне басып, тікелей көргіңіз келген бетке өтуге мүмкіндік бере аласыз.

Бизнес сайттары үшін бұл әсіресе пайдалы. Басылатын сурет адамдарды қызмет бетіне, байланыс формасына, баға бетіне, блог жазбасына немесе тіркелу үдерісіне бағыттай алады. Дұрыс қолданылса, ол қолданудың жеңілдігін арттырады, конверсияны қолдайды және маңызды беттерді табуды жеңілдетеді.

Неге суретті сілтемелеу керек?

Суретке гиперсілтеме қосу көптеген кең таралған сайт құрылымдарында пайдалы:

• Ұсынылған акцияға апаратын hero баннерлер
• Толық беттерді ашатын қызмет карталары
• Пайдаланушыларды басты бетке қайтаратын логотиптер
• Өнімнің егжей-тегжей бетіне апаратын өнім фотосуреттері
• Кампанияның қону бетіне жіберетін жарнамалық графикалар
• Көрнекі басу аймағын қажет ететін әрекетке шақыру бөлімдері

Басылатын суреттер бетті оңай шолуға көмектеседі, әсіресе шағын мәтіндік сілтемелерден гөрі көрнекі белгілеулер жақсырақ жұмыс істейтін мобильді құрылғыларда.

Бастамас бұрын

Сізде мыналар дайын екеніне көз жеткізіңіз:

• Жарияланған немесе жоба күйіндегі WordPress беті не жазбасы
• Media Library-ге жүктелген немесе қосуға дайын сурет
• Сурет ашуы керек мақсатты мекенжай

Егер ішкі бетке сілтеме берсеңіз, алдымен сол беттің мекенжайын көшіріп алыңыз. Егер сыртқы сайтқа апарсаңыз, тағайындалған орынның сенімді әрі тақырыпқа сай екенін растаңыз.

WordPress блок редакторында суретке гиперсілтеме қосу жолы

Қазіргі заманғы WordPress сайттарының көпшілігі Gutenberg деп те аталатын Block Editor пайдаланады. Үдеріс қарапайым.

1. Бет немесе жазбаны ашыңыз

WordPress басқару тақтасынан сурет сілтемесі шығуы тиіс бетке немесе жазбаға өтіңіз.

2. Сурет блогын қосыңыз немесе таңдаңыз

Егер сурет бетте әлі жоқ болса:

• + батырмасын басыңыз
• Image блогын таңдаңыз
• Жаңа сурет жүктеңіз, Media Library-ден біреуін таңдаңыз немесе қажет болса URL арқылы енгізіңіз

Егер сурет бетте бар болса, блокты таңдау үшін оны бір рет басыңыз.

3. Сілтемені қосыңыз

Сурет блогы таңдалған кезде, блок құралдар тақтасынан сілтеме белгішесін табыңыз.

• Сілтеме батырмасын басыңыз
• Мақсатты мекенжайды енгізіңіз немесе қойыңыз
• Enter басыңыз немесе сілтемені қолданңыз

WordPress нұсқасына және тақырыбына қарай мына нұсқаларды да көре аласыз:

• Media file
• Attachment page
• Custom URL
• None

Көптеген бизнес қолданбалары үшін Custom URL ең жақсы таңдау, өйткені ол суретті қайда бағыттайтыныңызды толық бақылауға мүмкіндік береді.

4. Қажет болса сілтеме әрекетін реттеңіз

Кейбір редакторлар сілтеменің жаңа қойындыда ашылуын таңдауға мүмкіндік береді. Бұл сыртқы сілтемелер үшін жиі пайдалы, ал ішкі сілтемелер әдетте бір қойындыда жақсырақ жұмыс істейді.

Жаңа қойындыны тек пайдаланушы тәжірибесін жақсартса ғана қолданыңыз. Әр сілтемені жаңа қойындыда ашуға мәжбүрлеуден аулақ болыңыз, өйткені бұл ыңғайсыздық тудыруы мүмкін.

5. Бетті сақтаңыз немесе жаңартыңыз

Өзгерістерді сақтау үшін Update, Publish немесе Save Draft түймесін басыңыз.

Classic Editor-де суретті қалай сілтемелеуге болады

Егер сайтыңыз әлі де Classic Editor қолданса, үдеріс сәл басқаша, бірақ бәрібір оңай.

1. Суретті кірістіріңіз

Add Media түймесін басып, суретті мазмұн аймағына орналастырыңыз.

2. Суретті таңдаңыз

Өңдеу құралдар тақтасы көрінуі үшін суретті басыңыз.

3. Сілтеме баптауларын ашыңыз

Сурет құралдар тақтасынан немесе орнатуыңызға қарай сурет мәліметтері панелінен сілтеме опциясын таңдаңыз.

4. Мақсатты мекенжайды енгізіңіз

Мекенжайды сілтеме өрісіне қойып, өзгерісті растаңыз.

5. Жазбаны немесе бетті жаңартыңыз

Сақтағаннан кейін сілтемесі бар сурет тірі сайтта белсенді болады.

Сілтемесі бар суреттерге арналған үздік тәжірибелер

Суреттегі гиперсілтеме келушілердің басқанда не болатынын бірден түсінуі үшін ғана пайдалы. Тәжірибені түсінікті және тиімді ұстау үшін мына ұсыныстарды орындаңыз.

Мақсат айқын болсын

Сурет мазмұны мен әрекетінің арасында логикалық байланыс болсын. Қызмет суреті соған қатысты қызмет бетіне апаруы керек. Жарнамалық графика сол ұсыныстың өзіне апарғаны дұрыс.

Сипаттамалық alt мәтінді қолданыңыз

Alt мәтін экран оқитын құрылғыларға суретті түсінуге көмектеседі және қолжетімділікті қолдайды. Сондай-ақ сурет жүктелмей қалса, контекст береді.

Егер сурет тек сәндік мақсатта болса, оған гиперсілтеме мүлде қажет болмауы мүмкін.

Маңызды суреттер мобильдіде де басылатын болсын

Мобильді пайдаланушылар түрту аймақтарына сүйенеді. Сурет кездейсоқ басуларсыз ыңғайлы түртілетіндей үлкен болуын қамтамасыз етіңіз.

Байланыссыз мазмұнға апармаңыз

Келушілерді бір тақырыптан мүлде басқа нәрсеге жібермеңіз. Сәйкес келмейтін сілтемелер сенімді төмендетеді және конверсияға зиян келтіреді.

Сілтемесі бар суреттерді шамадан тыс қолданбаңыз

Тым көп басылатын сурет бетті ретсіз етіп көрсетуі мүмкін. Бұл мүмкіндік шынайы құндылық қосатын жерде ғана қолданыңыз.

Суреттерді түсіндірме мәтінмен бірге беріңіз

Суреттің жанындағы қысқа тақырып немесе жазу келушілерге келесі қадамды түсінуге көмектеседі. Бұл әсіресе маркетинг және қызмет беттері үшін маңызды.

Бизнес сайттарындағы кең таралған қолдану мысалдары

Сілтемесі бар суреттер шағын бизнес сайтының мақсаттарын бірнеше жолмен қолдай алады.

Басты бет навигациясы

Логотип немесе ерекшеленген сурет пайдаланушыларды қызметтер, баға немесе байланыс сияқты маңызды беттерге бағыттай алады.

Өнім мен қызметті ілгерілету

Қону беттеріндегі суреттер келушілерді сату воронкасының келесі кезеңіне апара алады.

Блог белсенділігі

Таңдаулы суреттер байланысты ресурстарға, кейстерге немесе ішкі мақалаларға сілтеме бере алады.

Лид жинау

Баннер немесе белгі суреті тіркелу формасына, консультация бетіне немесе ұсыныс бетіне апара алады.

Сенім қалыптастыру

Тану белгілері, серіктестік логотиптері немесе пікір суреттері қосымша ақпарат беретін беттерге сілтеме жасай алады.

Жиі кездесетін мәселелерді түзету

Егер сілтемесі бар сурет күткендей жұмыс істемесе, мыналарды тексеріңіз:

Мекенжай қате енгізілген

Мақсатты мекенжайдың толық әрі дұрыс екеніне көз жеткізіңіз. https:// бөлігі жоқ немесе бұзылған ішкі сілтеме суреттің дұрыс жұмыс істеуіне кедергі келтіруі мүмкін.

Сурет дұрыс бетке емес, attachment page-ке сілтенген

WordPress кейде әдепкі бойынша media немесе attachment сілтемелерін қояды. Оларды қалаған нақты мекенжайыңызға ауыстырыңыз.

Редактордағы өзгерістер сақталмаған

Егер сілтеме тірі бетте көрінбесе, өңдеуден кейін Update немесе Publish басылғанын тексеріңіз.

Плагин немесе тақырып кедергі жасап тұр

Кейбір page builder-лер, оңтайландыру плагиндері немесе арнайы тақырыптар сурет сілтемелерінің жұмысын өзгертуі мүмкін. Қажет болса, бетті staging ортада плагиндерді уақытша өшіріп тексеріңіз.

Сурет басылатын сияқты, бірақ ештеңе болмайды

Бұл суретті басқа элемент жауып тұрса немесе custom код беттің құрылымына әсер етсе пайда болуы мүмкін. Бет құрылымын тексеріп, басқа браузерде сынап көріңіз.

Жақсырақ сайт өнімділігі үшін сілтеме стратегиясы

Сілтемесі бар сурет тек безендіру емес, кеңірек контент стратегиясын қолдауы тиіс.

• Сурет пайдаланушыға пайдалы келесі қадам жасауға көмектескенде ғана сілтеме қосыңыз
• Суреттерді пайдаланушы ниетіне сәйкес беттермен байланыстырыңыз
• Айқын жазулар мен жақын орналасқан әрекетке шақыру мәтінін қолданыңыз
• Мүмкін болса, басылу көрсеткіштерін аналитикадан тексеріңіз
• Бет мекенжайлары өзгерсе, ескі сурет сілтемелерін жаңартыңыз

Компания сайты үшін мұндай шағын жақсартулар навигацияны жеңілдетіп, пайдаланушы жолындағы кедергіні азайта алады.

Қорытынды

WordPress-та суретке гиперсілтеме қосу қарапайым жұмыс, бірақ оны мақсатты түрде қолдансаңыз, ол қолдану ыңғайлылығы мен конверсияға елеулі әсер беруі мүмкін. Логотипті, баннерді, қызмет суретін немесе жарнамалық графиканы сілтемелеп жатсаңыз да, бастысы - тағайындалған орынның сәйкес болуы және әрекеттің анық болуы.

Егер сіз бизнес сайтты басқарсаңыз, әр басылатын суретті сайт құрылымының бір бөлігі ретінде қарастырыңыз. Ең жақсы сурет сілтемелері келушілерді келесі қадамға табиғи түрде бағыттайды, мазмұныңызды қолдайды және тәжірибені desktop пен mobile-де де жеңілдетеді.