Cum să afișați previzualizarea live a linkurilor în WordPress

Ai observat vreodată cât de nesiguri pot fi cititorii în legătură cu clicurile pe linkuri? Previzualizările de link rezolvă acest lucru, oferindu-le vizitatorilor tăi o privire rapidă asupra a ceea ce îi așteaptă pe partea cealaltă 💡

Am văzut această tehnică mult pe site-uri cu mult conținut, cum ar fi wiki-urile, unde previzualizările vizuale ale linkurilor ajută cititorii să navigheze mai eficient prin articole interconectate.

Când cititorii pot vedea ce se află în interiorul unui link înainte de a da clic, sunt mai predispuși să exploreze conținutul conex care îi interesează. În plus, îi ajută să evite să dea clic pe linkuri care nu sunt relevante pentru nevoile lor.

Mulți utilizatori WordPress ne întreabă cum să adăugăm previzualizări frumoase ale linkurilor fără a atinge codul. După ce am testat diverse soluții, am găsit o metodă simplă, fără cod, care funcționează excelent pentru începători.

Când să adăugați o previzualizare live a linkurilor pe site-ul dvs. WordPress 🤔

Pe un site web WordPress tipic, linkurile nu arată ce este în interiorul lor. Acest lucru îi poate frustra pe vizitatori atunci când dau clic pe un link și descoperă că nu este ceea ce se așteptau. Aici intervin previzualizările live ale linkurilor.

Previzualizările live ale linkurilor arată de obicei ca niște sfaturi. Acest element de design WordPress apare atunci când cineva își mișcă mouse-ul peste un link, arătând o privire rapidă asupra conținutului.

Pentru magazinele online, asta înseamnă că poți face ca linkurile tale să afișeze imagini de produs sau detalii scurte pentru a crește vânzările.

Dacă aveți un blog WordPress, puteți afișa imagini de previzualizare a postărilor sau un text scurt pentru a-i face pe cititori să vrea să vadă mai mult. Și pentru linkurile externe, aceste previzualizări tooltip ajută oamenii să decidă dacă vor să părăsească site-ul dvs.

Cu toate acestea, fiți atenți când utilizați previzualizări live. Prea multe pot confunda vizitatorii. Cel mai bine este să le utilizați doar pentru linkuri importante, unde vor ajuta cel mai mult.

Având în vedere acest lucru, să analizăm o modalitate ușoară de a adăuga previzualizări live ale linkurilor pe site-ul dvs. WordPress. Această metodă va funcționa indiferent dacă utilizați editorul de blocuri Gutenberg, editorul clasic sau chiar un constructor de teme. Puteți utiliza linkurile rapide de mai jos pentru a naviga prin acest tutorial:

• Pasul 1: Instalați pluginul Bright Link Previews
• Pasul 2: Personalizați aspectul previzualizării tooltip-ului linkului
• Pasul 3: Configurați setările de previzualizare live ale linkului
• Pasul 4: Vedeți previzualizarea tooltip-ului linkului dvs. în acțiune
• Bonus Tip: Clean Up Your WordPress Link Previews With Schema Markup

Pasul 1: Instalați pluginul Bright Link Previews

Cel mai simplu mod de a adăuga o previzualizare tooltip la un link în WordPress este cu pluginul Bright Link Previews. Când este activat, acest plugin de previzualizare a linkurilor WordPress va adăuga automat o previzualizare live a linkurilor dvs. interne și externe în postările și paginile dvs.

Mai întâi, instalați pluginul din zona dvs. de administrare. Pentru instrucțiuni pas cu pas, puteți citi ghidul nostru pentru începători despre cum să instalați un plugin WordPress.

Odată terminat, accesați Setări » Bright Links. Aici veți putea configura setările pluginului.

Pasul 2: Personalizați designul previzualizării tooltip-ului linkului

Mai întâi, să configurăm designul previzualizării live în fila Aspect.

În partea de sus, puteți alege culoarea de fundal (partea stângă) și culoarea textului (partea dreaptă).

Pur și simplu faceți clic pe caseta de culoare și va apărea un instrument de selectare a culorilor.

De asemenea, puteți alege culorile pentru hotspot, care vor apărea automat pentru linkurile eCommerce de pe site-urile WooCommerce, Amazon și Shopify.

La fel ca în cazul tooltip-ului, alegeți pur și simplu culoarea de fundal a hotspot-ului din stânga și culoarea textului din dreapta.

Mai jos este „Alegeți dimensiunea”, unde puteți face tooltip-ul mai mic sau mai mare trăgând punctul de pe bara de redimensionare.

Un tooltip mai mare este mai ușor de citit, dar va trebui să vă asigurați că nu se suprapune sau ascunde părți importante ale paginii dvs.

Vă recomandăm să o previzualizați pe site-ul dvs. pentru a găsi dimensiunea perfectă care se potrivește designului dvs.

Derulând în jos, puteți schimba stilul tooltip-ului în sine. Există 3 opțiuni implicite și le puteți schimba oricând mai târziu.

Odată ce sunteți mulțumit de cum arată tooltip-ul, faceți clic pe „Salvare” în partea de jos.

Pasul 3: Configurați setările de previzualizare live ale linkului

Acum, comutați la fila „Setări”.

Aici puteți configura modul în care se comportă previzualizările live pentru linkuri.

Bright Links Preview vă permite să aplicați previzualizările tooltip-ului la linkurile din postările, paginile și chiar secțiunea de comentarii.

Am decis să le adăugăm doar pentru postările și paginile noastre, deoarece adăugarea lor peste tot ar putea perturba experiența utilizatorului.

Un alt aspect pe care îl puteți configura este dacă să afișați sau nu contoarele de clicuri. Schimbarea acestei setări de la „nu” la „da” înseamnă că tooltip-ul va informa vizitatorii câți utilizatori au făcut clic pe linkul pe care îl indică.

Acest lucru poate fi util pentru linkurile dvs. interne, deoarece acționează ca o dovadă socială. Când vizitatorii văd că un link este popular, acest lucru îi încurajează să exploreze mai mult conținutul dvs.

Acestea fiind spuse, nu recomandăm activarea acestei funcții dacă doriți să adăugați previzualizări live și pentru linkuri externe. Poate avea un efect invers și poate determina oamenii să părăsească site-ul dvs.

Apropo, puteți alege dacă să adăugați previzualizările live la linkurile interne, linkurile externe sau ambele.

Alegerea depinde de tipul de site web pe care îl rulezi, dar în general sugerăm să mergi doar cu linkuri interne pentru a crește numărul de vizualizări ale paginilor și să reduci rata de respingere.

Alegerea depinde de obiectivele dvs. Iată o scurtă prezentare:

• Linkuri interne: Acest lucru este excelent pentru creșterea implicării. Previzualizările încurajează utilizatorii să descopere mai mult din propriul conținut, ceea ce poate crește numărul de vizualizări ale paginilor și poate reduce rata de respingere.
• Linkuri externe: Acest lucru ajută la construirea încrederii cu audiența dvs. Afișând o previzualizare a unui site extern, reasigurați utilizatorii că linkul este relevant și sigur, făcându-i mai încrezători în recomandările dvs.

În general, sugerăm să folosiți doar linkuri interne pentru a crește numărul de vizualizări ale paginilor și să reduceți rata de respingere.

Apoi, poți alege să pui în cache previzualizările pentru a îmbunătăți performanța site-ului tău. Recomandăm cu tărie să lași această opțiune activată.

Cache-ul salvează o copie temporară a previzualizărilor linkurilor, ceea ce împiedică încetinirea site-ului dvs. și asigură o experiență rapidă pentru vizitatorii dvs.

Dacă afișați previzualizări pentru linkuri externe, puteți forța acele linkuri să se deschidă într-un nou tab. Sugerăm activarea acestei funcții, astfel încât utilizatorii să nu părăsească accidental site-ul dvs. web.

În cele din urmă, puteți alege să dezactivați tooltip-ul pe mobil, deoarece tooltip-urile ar putea oferi o experiență slabă utilizatorului pe ecrane mai mici. Vă recomandăm să testați această funcție și să vedeți ce funcționează cel mai bine pentru site-ul dvs. web.

Puteți consulta ghidul nostru despre cum să vizualizați site-ul dvs. WordPress pe mobil prin desktop pentru mai multe informații.

Când sunteți mulțumit de setările previzualizării live, faceți clic pe „Salvează”.

Pasul 4: Vedeți previzualizarea tooltip-ului linkului dvs. în acțiune

În această etapă, puteți previzualiza site-ul dvs. pentru a vedea cum arată tooltip-ul.

Iată cum arată al nostru fără contorul de clicuri:

Dacă alegeți să adăugați un contor de clicuri, atunci va exista o mică notă care arată numărul de clicuri pe care linkul le-a primit până acum.

Această alegere va arăta astfel:

Lucrul grozav la Bright Links Preview este că are o funcție gratuită de analiză pentru a vă arăta câți utilizatori au făcut clic sau chiar au trecut cu mouse-ul peste linkurile dvs.

Acest lucru poate fi util pentru a vedea de care postări sunt cei mai mulți utilizatori interesați sau pentru a decide ce postări noi să evidențiezi.

Pentru a vedea aceste numere, accesați Setări » Bright Links din administratorul WordPress și comutați la fila „Statistici”.

Sfat bonus: Curățați previzualizările linkurilor WordPress cu Schema Markup

Când cineva partajează conținutul dvs., WordPress preia adesea titlul paginii, descrierea și imaginea pentru a afișa o previzualizare. Dar dacă acele informații nu sunt setate corect, rezultatul poate părea neprofesionist sau defectuos.

Pluginul Bright Links Preview ajută prin generarea automată de previzualizări bogate ale linkurilor folosind metadatele de pe paginile dvs.

Pentru a controla acele metadate și a face previzualizările dvs. să strălucească, recomandăm utilizarea All in One SEO.

Facilitează setarea tagurilor meta Open Graph (utilizate de Facebook, LinkedIn etc.) și vă permite chiar să setați o imagine Open Graph implicită, să personalizați tagurile de titlu și descriere și să adăugați markup schema pentru un SEO și context mai bun.

Prin combinarea Bright Links Preview cu AIOSEO, nu numai că îmbunătățiți SEO-ul WordPress, dar vă asigurați și că linkurile dvs. arată curate și clicabile pe web.

👉 Pentru a afla mai multe, consultați ghidurile noastre:

• Cum să adăugați Schema Markup în WordPress
• Cum să adăugați corect schema „Cum să” prietenoasă cu SEO în WordPress
• Cum să adăugați metadate Facebook Open Graph în WordPress

Descoperiți mai multe funcții de design WordPress

Doriți să faceți designul site-ului dvs. WordPress și mai interesant? Consultați aceste ghiduri utile:

• Folosește note de subsol simple și elegante în postările de pe blogul tău pentru a adăuga informații suplimentare
• Afișați linkuri de navigare de tip breadcrumb pentru a ajuta vizitatorii să înțeleagă unde se află pe site-ul dvs.
• Creați un ticker de știri derulant pentru a partaja actualizări importante cu vizitatorii dvs.
• Folosește un widget de numărătoare inversă pentru a crea entuziasm pentru evenimente speciale
• Adăugați o bară de progres de lectură la postările dvs. pentru a menține cititorii implicați
• Creați separatoare de formă personalizate pentru a face designul site-ului dvs. mai interesant

Sperăm că acest articol v-a ajutat să învățați cum să afișați previzualizări live ale linkurilor dvs. în WordPress. De asemenea, ați putea dori să consultați lista noastră cu cele mai bune constructori de pagini drag-and-drop în WordPress și ghidul nostru despre cum să editați un site WordPress.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.