>> Optimizare imagine | Atributele ALT și TITLE pentru descrierea imaginilor
Cum să optimizați imaginile pentru site-ul dvs.
Salutări, dragă cititoare a site-ului meu!
În acest articol, vreau să vă spun despre ce sunt folosite imaginile pe site-uri, ce rol joacă acestea pentru optimizarea SEO. Să luăm în considerare importanța utilizării atributelor alt și title ale codului html, să dăm exemple de utilizare a imaginilor optimizate și neoptimizate, să aflăm în ce capacitate ar trebui folosite imaginile și cum afectează acest site site-ul.
Avantaje și dezavantaje ale utilizării imaginilor pe un site web:
Pro: Poate ați observat, dacă ați vizitat multe site-uri de pe Internet cu un anumit scop, că aproape fiecare site conține tot felul de poze, imagini, fotografii și alte elemente grafice. Unde au fost localizați și ce fel de încărcătură cognitivă au purtat pe aceste site-uri sau bloguri.
Se întâmplă adesea atunci când autorul site-ului, când scrie textul unui anumit subiect, dorește să-și exprime ideea mai corect și mai clar, astfel încât persoana care a vizitat acest site să primească în totalitate toate informațiile necesare. Acest factor îi afectează și mai mult credibilitatea în ochii vizitatorilor și promovarea site-ului în motoarele de căutare, rețelele sociale etc.
Persoanele care se află pe internet și caută informațiile (conținutul) de care au nevoie vor ști că, pe lângă text de înaltă calitate și util, acest site are și un ajutor vizual sub formă de imagini, imagini și tot felul de grafice. .
Și dacă vrei ca pozele tale să fie de neuitat și frumoase, trebuie să le folosești cât mai bine.
Un alt punct pozitiv al folosirii imaginilor pe site este capacitatea de utilizare optimizarea imaginii sub cererea de cheie a unei anumite pagini a site-ului pentru a îmbunătăți promovarea acestei pagini pentru cererea de cheie promovată.
În plus, motoarele de căutare au o căutare pentru imagini care sunt pe site-uri. Iar dacă sunt scrise cuvintele cheie pentru imagini, atunci persoanei care caută imagini pentru această interogare i-ar putea plăcea poza ta și ar putea dori să știe pe ce site se află această imagine și să meargă pe site-ul tău. În cele din urmă, veți beneficia de acest lucru obținând trafic direcționat sub formă de vizitatori pe site-ul dvs.
Minusuri: Pot exista multe dezavantaje atunci când folosiți imagini pe site, în special pentru începători. Să aruncăm o privire asupra tuturor greșelilor pe care oricine le poate face din întâmplare sau fără să știe, ceea ce va duce la faptul că utilizarea graficelor pe site poate speria un vizitator care vizitează sau încearcă să intre pe site-ul tău.
Și există multe motive pentru aceasta; atitudine neglijentă față de munca lor, utilizarea imaginilor de calitate scăzută și într-o stare teribilă, utilizarea lor în afara subiectului, prezența prea multor imagini care dau multă greutate paginii și se încarcă foarte mult timp timp (inclusiv fundalul site-ului), nu există optimizarea imaginilor pentru cuvinte cheie. Iată principalele dezavantaje ale utilizării tuturor tipurilor de grafică pe site.
Dar aceste dezavantaje pot fi evitate știind cum să le facem pozitive. Vom explora toate acestea mai târziu în acest articol. Așa că citește-l până la sfârșit.
atribute alt și titlu în SEO imagine:
După cum am scris mai sus în acest articol, utilizarea imaginilor poate ajuta site-ul în promovarea sa în motoarele de căutare. Oferiți un aflux suplimentar de public țintă (vizitatori) din motoarele de căutare. Pentru a face acest lucru, trebuie să utilizați două, dar foarte necesare atribute alt și titlu pentru orice imagini, imagini, fotografii etc. Esența acestor atribute este de a le folosi pentru a stoarce la maximum, ceea ce va ajuta la promovarea site-ului în motoarele de căutare. În cazul nostru, există două atribute, respectiv, iar funcțiile pe care le îndeplinesc vor diferi ușor.
AtributALT: Acest atribut face parte din limbajul html. Scopul său este de a descrie un obiect pentru a oferi informații suplimentare despre acest obiect (în cazul nostru, imagini). Cum funcționează acest atribut? Funcționează foarte simplu: faci poza dorită care se află pe hard disk sau media (flash drive) și o lipești pe pagina dorită a site-ului în locul potrivit.
Apoi luați, găsiți codul acestei imagini și scrieți acolo o astfel de valoare alt="(!LANG: Descrierea acestei imagini folosind cuvinte cheie" . Но описание не нужно делать слишком большим (максимально пару предложений) и тулить туда много ключевых слов, так как поисковые системы этого не любят, что в итоге может сказаться на Вашем сайте.!}
Acesta funcționează atribut alt deci, atunci când un vizitator intră pe site, nu vede descrierea imaginii (dacă funcția de afișare a imaginii este activată în browserul său), dar roboții de căutare îl văd când indexez site-ul. Vizitatorul poate vedea acest text atunci când imaginile sunt dezactivate în setările browserului, iar apoi va apărea text în locul acestei imagini, prin care vizitatorul poate înțelege ce fel de imagine este. Acest atribut este luat în considerare de motoarele de căutare atunci când vă indexează site-ul.
Atributul TITLE: The atributul titlului incluse și în limbajul html. Scopul său este același cu atributul alt, dar cu diferența că această descriere va fi afișată utilizatorului site-ului când trece cu cursorul peste imagine. Acest atribut nu este implicat în promovarea site-ului, dar vă permite să creșteți factorul comportamental, care afectează și poziția site-ului în motorul de căutare. Este scris astfel title="(!LANG: Descrierea imaginii" . Поэтому !} optimizarea imaginii joaca si un rol important in promovarea site-ului in motoarele de cautare.
Un exemplu de imagine optimizată pentru SEO folosind atributele alt și titlu:
Veți vedea acum o mostră de imagine optimizată folosind cele două atribute enumerate mai sus.
Cu atributul titlu (pasați cursorul peste imagine)
|
Cu atribut alt (fără imagine) Exemplu de cod pentru această imagine: |
Fără atribut alt (fără imagine)
Exemplu de cod pentru această imagine: |
title="(!LANG:Gymnast Cat"
>
!}
În ce calitate ar trebui folosite imaginile și imaginile pe site.
Desigur, este mai bine să folosiți imagini și imagini de pe site de bună calitate, dar pentru ca acestea să nu afecteze foarte mult încărcarea site-ului. Deoarece mulți oameni de pe Internet folosesc internetul la viteze reduse, iar dacă nu așteaptă să se încarce site-ul, vor părăsi acest site și nu se vor mai întoarce aici, ceea ce va afecta în cele din urmă traficul.
De asemenea, ceea ce am observat în timpul navigării pe o mulțime de site-uri este că, pe lângă imaginile mari (kiloocteți), site-ul folosește o dimensiune mare de fundal ca imagine. Dacă ați decis deja să utilizați o imagine ca fundal, atunci este mai bine să alegeți una simplă și mică, astfel încât se va amesteca și veți avea o imagine întreagă.
De asemenea, atunci când utilizați imagini de înaltă calitate, trebuie să țineți cont de dimensiunea spațiului pe disc de pe găzduirea dvs. și de viteza serverului. Cu cât este mai jos, cu atât site-ul tău se va încărca mai lent. Prin urmare, înainte de a folosi imagini de bună calitate pentru site, trebuie să știți unde să le aplicați și în ce cantitate.
Aici termin acest articol. Sper că acum înțelegi ce optimizarea imaginii, și ce atribute folosește optimizarea imaginii pentru aceasta.
Apropo, dacă nu știți cum să reduceți calitatea imaginii, atunci utilizați programul Photoshop. Pentru a face acest lucru, accesați meniul „Fișier” și selectați „Salvare pentru web și dispozitive” de acolo.
Dacă ți-a plăcut acest articol, te rugăm să lași un comentariu în partea de jos a acestui articol. Îți voi fi foarte recunoscător.
Alte pagini ale site-ului:
Salut oameni. Pentru a nu vă pierde timpul, să fim scurti și la obiect.
Titlul unei imagini este legenda care apare atunci când treceți cu mouse-ul peste imagine. Acest lucru este necesar pentru a oferi un indiciu vizitatorului. Spune ce se arată în imagine sau unde să te uiți.
Alt imagini - din cuvântul englezesc alternativ. Acesta este un lucru atât de util încât motoarele de căutare sunt foarte pasionate de indexare pentru a determina ce este descris. De asemenea, va fi vizibil dacă utilizatorul dezactivează afișarea imaginilor în browser. Ceea ce nu are sens și se face în cazuri rare.
Dacă, totuși, utilizatorul oprește afișarea conținutului grafic sau are loc un fel de defecțiune din partea cuiva, atunci în loc de imagine, se va vedea o pictogramă mică cu text. Acest text este varianta alternativă a imaginii.
Alt și imagini de titlu pentru SEO
Pentru titlul imaginii are o valoare minimă. Nu este indexat de bunăvoie, dar poate juca în mâinile tale în factori comportamentali. În curtea lui 2018, seo acum este uzabilitate și conținut de calitate. Prin urmare, atrageți atenția utilizatorului în orice fel.
Chiar și gândește-te singur, este mai plăcut când apare un sfat instrument pe imagine.
Dar imaginile alternative sunt o comoară. În primul rând, GoogleBot consideră absența sa o greșeală, Yandex este mai loial. În al doilea rând, este indexată de bunăvoie, iar o astfel de imagine ajunge în secțiunea „Imagini” din căutare. Aceasta înseamnă că în acest fel poți atrage trafic suplimentar pe site-ul tău.
În al treilea rând, deoarece este indexat, adică este posibil să creșteți valoarea paginii cu ajutorul ei. Va fi bine dacă scrieți o solicitare suplimentară de frecvență joasă în alt. Dar aici trebuie să fii atent.
Cum să completați corect alt și titlul pentru imagini
Cu titlu, totul este mult mai simplu. Nu există reguli pentru motorul de căutare, dar asta nu înseamnă că ai scris aici vreo erezie. Mai sus am făcut un eyeliner la factorii comportamentali. Este de dorit să nu enervezi utilizatorul, să-i fii de folos.
1) Nu trebuie să fie lung. De acord, un indiciu din 4 rânduri va provoca respingere.
2) Trebuie să se raporteze cumva la imagine.
3) Nu ar trebui să fie duplicat cu titlul principal, titlurile h1-h5, cu atribute alt.
Imaginile alt au greutate în motorul de căutare, așa că există restricții cu regulile, dar la fel și posibilitățile.
1) Un cuvânt nu este suficient, este indicat să rămâneți în cadrul a 3 cuvinte. Numărul maxim de caractere este de 250.
2) Trebuie să se potrivească cu conținutul imaginii.
4) De preferință, nu trebuie repetat cu alte alte variante de pe pagină.
Deci, atunci când adăugați o altă imagine pe blogul dvs., gândiți-vă la asta. Poate cineva vrea să-l găsească? Încercați să îl transformați în trafic suplimentar.
Unde să completați alt și titlul imaginilor pe exemplul Wordpress
De exemplu, în WordPress, trebuie doar să mergeți de la panoul de control (consolă) la secțiune „Fișiere media” — "Bibliotecă". Apoi alege orice imagine.
Sau, atunci când editați un articol, faceți clic pe orice imagine inserată, apoi pe un creion.
Desigur, exemplul wordpress este cel mai ușor de afișat, dar multe CMS populare oferă o astfel de oportunitate. Luați Joomla de exemplu. Există câteva capcane acolo, dar majoritatea conținutului grafic poate fi tastat alternativ dacă faceți clic „Editați imaginea”
Asta e tot. Sperăm că v-am fost de ajutor. Dacă da, vă rog like. Acest lucru ne motivează să facem conținut mai interesant și de înaltă calitate!
Cu stimă, Esența Ta.
Am lansat o nouă carte, „Marketing de conținut în rețelele sociale: cum să ajungi în fruntea abonaților și să-i faci să se îndrăgostească de marca ta”.
Ce sunt etichetele alt?
Etichetele Alt sunt o descriere textuală a conținutului unei imagini grafice pe o pagină, permițându-vă să obțineți informații mai complete despre aceasta și să îmbunătățiți navigarea pe site. Pentru acei utilizatori care dezactivează imaginile grafice în browser, va fi convenabil să determine prin eticheta alt ce ar fi trebuit să fie în imagine. Și titlul conține un sfat pentru imaginea care apare când treceți cu mouse-ul peste ea.
Știm deja cu toții cât de important este să împărțim textul în blocuri, să adaugi imagini care să facă textul atractiv și mai ușor de citit. Dacă vă imaginați SEO precum cursele la hipodrom, atunci primul cal va veni întotdeauna la linia de sosire, care a dat tot ce e mai bun. Acolo unde era nevoie, ea accelera sau trecea prin cercul interior, iar jocheul era cât mai ușor într-un costum strâns. Așadar, aici - trebuie să stoarceți promovarea la maximum. Un crawler care se accesează cu crawlere prin pagina dvs. și vede o imagine optimizată va înțelege perfect ce este afișat acolo când citește eticheta alt. El va adăuga aceste informații la index și vei obține un plus SEO pentru pagina ta și un avantaj în problemă.
atribut alt(text alternativ) este un atribut de etichetă , care permite crawler-ului să „vadă” imaginea și să o indexeze. În esență, o scurtă descriere a ceea ce este arătat în imagine
atributul titlului este un atribut A care acționează ca titlu pentru imagine. Acesta generează sfaturi pentru imagine.
Iată cum arată etichetele alt și title în codul paginii:
Reguli pentru scrierea textului în atributele alt și title
- Descrierea trebuie să se potrivească pe deplin cu conținutul imaginii.
- Trebuie să conțină cuvântul cheie.
- Ar trebui să existe diferite etichete alt pe aceeași pagină. Dacă utilizați aceleași taste pentru toate imaginile, această pagină va fi proastă la rang și există șansa de a intra sub filtru AGS
- Volumul optim este de la 3 la 10 cuvinte pentru alt. Titlul ar trebui să fie mai lung, mai detaliat.
- Textele pentru alt și titlu ar trebui să fie diferite
Setarea alt pentru imagini
În majoritatea CMS, setarea acestui atribut este destul de simplă. De exemplu, în Wordpress, faceți clic dreapta pe imagine -> „Editare” -> adăugați o descriere pentru atributul alt.
În multe CMS, funcționalitatea este similară. Unii chiar au pluginuri pentru setarea șablonului acestor etichete.Pentru a scrie manual atributul alt - ghidați-vă de sintaxa etichetei prezentat mai sus.
Dacă doriți informații detaliate, atunci este în nostru blog.
Să presupunem că traficul site-ului tău crește în fața ochilor noștri, dar nici în acest caz, optimizarea imaginii nu trebuie neglijată. Aceasta este o oportunitate de a obține mai mult trafic pentru resursele deja investite. Cuvintele cheie sunt perfect înscrise în texte, partea tehnică a site-ului este în top, sunt foarte mulți vizitatori, dar poate chiar mai mulți. Optimizarea imaginii de pe site va ajuta în acest sens, deoarece fotografiile participă și ele la clasarea interogărilor de căutare. Și totuși, există șansa de a colecta trafic suplimentar din solicitările „+ fotografie”.
Dacă doriți să vindeți spațiu banner pe blogul dvs. WordPress, nu trebuie să mergeți și să vă înscrieți la un schimb de anunțuri banner, deoarece există un înlocuitor grozav pentru acest serviciu - pluginul pentru banner AdRotate pentru blogul dvs.
Este de remarcat: este convenabil, deoarece nu trebuie să negociați individual cu agenții de publicitate despre plasarea unui banner, de exemplu. Practic nu participi la asta. Munca principală revine advertiserului: el alege dimensiunea, bannerul, linkul din el și îl plasează pentru o anumită perioadă (de exemplu, pentru o lună) și pentru prețul pe care îl setați (cu cât blogul dvs. este mai popular, cu atât prețul este mai mare). ), și primești bani doar pentru bannerul cumpărat de agentul de publicitate -place automat. Trebuie doar să instalați codul pe blog pentru a afișa anunțul „cumpărați reclame” cu sigla:
1. Bannerul se va agăța pe blogul tău până la expirarea termenului de plasare a bannerului.
2. Fără rotație, adică capacitatea de a afișa alte bannere în rotație cu bannerul agentului de publicitate.
Nu vor exista astfel de probleme atunci când utilizați pluginul AdRotate! Dar veți negocia cu agenții de publicitate, veți plasa bannere și veți stabili singuri momentul de afișare.
Acum să trecem la configurarea pluginului AdRotate.
Descărcați și instalați AdRotate pe blogul nostru WordPress și treceți la crearea unei rotații de bannere publicitare.
Plugin-ul este conceput pentru a introduce o rotație a mai multor bannere publicitare. Fiecare grup ar trebui să aibă bannere de aceeași dimensiune, de exemplu, în grupul 1 va exista o rotație a bannerului de 468x60, iar în grupul 2 - 125x125.
După ce adaugă mai multe bannere într-un grup, AdRotate începe să le arate pe site în mod variabil: mai întâi, va fi afișat un banner, iar când mergi pe altă pagină, sau reîmprospătezi pagina curentă din browser, altul etc., în funcție de numărul de bannere adăugate într-un grup.
Cum să adaugi un banner?
Căutați în panoul de administrare AdRotate, accesați administreaza reclameși faceți clic pe Adăuga nou pentru a adăuga un nou banner la rotator.
În câmp Titlu introduceți un nume pentru a afla mai târziu dacă trebuie să eliminați sau să editați bannerul.
În câmp cod de anunț ar trebui să specificați codul bannerului dvs., de exemplu:
Și nu uitați să bifați caseta urmărirea clicurilorși scrieți adresa URL a linkului dvs. ascuns.
Pentru fiecare banner, puteți seta prioritatea de afișare ( Greutate), adică cu cât mai mult (mai puțin) restul va fi afișat acest banner. Prioritate de la 2 la 10.
În puncte Afișare de la... Până la puteți specifica perioada de afișare a acestui banner. După aceea, în paragraful Activati alege Da, acest anunț va fi folosit pentru a activa bannerul. Acest lucru este convenabil dacă cineva a cumpărat un spațiu publicitar pe site-ul dvs., de exemplu, timp de o lună.
Acum trebuie să mergi la Gestionați grupuri pentru a crea un grup de rotație pentru bannerele dvs. Aici specificăm un nume pentru grupul de bannere, apoi selectăm bannerele care vor fi incluse în acest grup.
Click pe salva.
Pentru a adăuga rotație la o postare sau o pagină, puteți folosi un shortcode.
