Attēlu SEO: 9 galvenie elementi

1. Vispārīgi apsvērumi par attēlu SEO

Bieži vien mēs ieguldām visus spēkus, lai ranžētu savus SEO ziņā vērtīgos URL meklēšanas rezultātos (SERP). Tomēr, kā jau minējām iepriekš, attēlu optimizācija ir svarīga, lai ierindotos augstāk Google attēlu meklēšanas rezultātos un palielinātu iespējas ar to palīdzību piesaistīt organisko trafiku.

Google boti nespēj „lasīt” attēlus. Tie ir paredzēti vietnes koda lasīšanai, nevis konkrētas animācijas vai attēla lasīšanai. Šā iemesla dēļ mums šī informācija tiem jāsniedz, ievērojot vienkāršu SEO vadlīniju kopumu. Tas noteiks, vai boti spēs interpretēt informāciju, ko cenšamies parādīt, novērtēt attēlus un ierindot tos augstāk Google attēlu sadaļā.

2. Attēla izmērs un svars

Divi galvenie faktori, kas jāņem vērā, optimizējot attēlus, ir to svars un izmērs.

Svars:

Smagu attēlu izmantošana vietnē var palielināt ielādes laiku URL adresei, kurā tie ievietoti, un līdz ar to arī visai vietnei. Ielādes laiks ir viens no faktoriem, kas ietekmē datora un mobilo organisko ranžējumu, tāpēc attēlu optimizācija ir būtiska.

Rīki attēla svara samazināšanai:

Ir daudz rīku, ko varam izmantot, lai samazinātu attēla svaru. Pat ja mums nav profesionālas attēlu rediģēšanas programmatūras, piemēram, Photoshop vai Illustrator, mēs varam izmantot tiešsaistes platformas, piemēram:

• ›

  ImageOptim vai TinyJPG, kas samazina attēla svaru, neietekmējot kvalitāti.

• ›

  Website Speed Test Image Analysis Tool ļauj viegli lejupielādēt jaunus attēlu formātus.

Izmērs:

Turklāt ir svarīgi katrai vietnei ieviest vairākus attēlu izmērus, lai atkarībā no ierīces, kurā tas tiek skatīts, tiktu rādīts vispiemērotākais. Lai gan pastāv spraudņi, kas pielāgo attēla izmēru, praksē šī iespēja var nebūt labākā. Iemesls ir tāds, ka, piemēram, 1000 px attēlu var pārmērogot uz 400 px, samazinot tā vizuālo izmēru, taču attēls joprojām būs tikpat smags kā 1000 px attēls, ietekmējot jūsu vietnes veiktspēju un ātrumu.

Rīki:

Vissvarīgākais faktors, izvēloties attēlus, ir zināt platformu, ar kuru strādāsim. Ja strādājam ar WordPress, piemēram, varam izmantot SmushIt – spraudni, kas ļauj noteikt maksimālo attēlu platumu un augstumu, pirms tie tiek pārmērogoti, saspiesti un augšupielādēti serverī.

Ja, gluži pretēji, strādājam ar savu koda platformu, mums jāizveido manuāls vai automātisks process, kas ļauj optimizēt attēlus, pirms tie tiek augšupielādēti serverī.

3. SEO ziņā draudzīgs attēla formāts

Pašlaik optimālākais veids, kā saglabāt tīmeklim paredzētus attēlus, ir izmantot vienu no nākamajiem četriem formātiem:

• ›

  WebP: tas var samazināt attēla sākotnējo svaru par 25–35 %. Šobrīd tas ir viens no ieteicamākajiem formātiem; lai gan dažas pārlūkprogrammu versijas joprojām nespēj tos nolasīt, tas ir viens no formātiem, kas ļauj lielāku saspiešanu, neietekmējot attēla kvalitāti.

• ›

  PNG: tā ir labākā izvēle attēliem ar dažām krāsām un caurspīdīgu fonu. To plaši izmanto logotipos.

• ›

  JPG: formāts, kas jāizmanto fotogrāfijām un attēliem kopumā. Saspiežot tos, nedaudz zūd kvalitāte, taču krāsas un toņi paliek nemainīgi.

• ›

  GIF: izmanto animācijās un kustīgos attēlos.

Ieteikumi:

• ›

  Vienmēr izmantojiet vispiemērotāko attēla formātu svara un savietojamības ziņā.

• ›

  Vienmēr saspiediet attēlus – vai nu manuāli, vai izmantojot automātiskās apstrādes rīku.

• ›

  Ja vietnē ir vairākas ikonas, sagrupējiet tās vienā attēlā, izmantojot CSS spraitus (CSS Sprites), lai samazinātu servera pieprasījumu skaitu un uzlabotu vietnes veiktspēju.

4. Attēlu SEO lauki

Katram attēlam ir saistīto lauku kopums, kas nodrošina meklētājprogrammu robotiem (un, protams, lietotājiem) uzlabotu pieejamību.

Attēla nosaukums

Attēla nosaukums attiecas uz faila vārdu. Tas ir attēla nosaukums, kurā starp vārdiem tiek izmantotas defises un pasvītrojumi. Ieteicams iekļaut atslēgvārdu, pēc kura vēlamies ierindot savu attēlu augstāk, izvairoties no neparastām rakstzīmēm (piemēram, „ñ”, „?” vai burtiem ar diakritiskajām zīmēm, „á” utt.).

Ir arī ieteicams attēla nosaukumā izlaist prievārdus vai citas nebūtiskas rakstzīmes, lai saīsinātu URL un padarītu to pēc iespējas SEO draudzīgāku.

Virsraksts (Title)

Tas ir teksts, kas parādās, novietojot kursoru uz attēla. Mēs iesakām to aizpildīt, lai attēlam pievienotu semantisku virsrakstu, iekļaujot atslēgvārdu, pēc kura vēlamies ierindoties augstāk.

Tas var būt tāds pats kā alt teksts, lai gan šā atribūta pārrakstīšana ar nelielām izmaiņām neaizņem daudz laika.

Atribūts „alt”

Tas ir vissvarīgākais elements, jo tieši to lasa Google. Tajā jāiekļauj galvenais atslēgvārds, pēc kura vēlamies ierindot savu URL augstāk, un tajā vajadzētu būt īsiem aprakstiem.

Tā sintakse ir šāda:

<img src=”IMAGE LINK” alt=”IMAGE ALT DESCRIPTION” />

Optimizēta attēla piemērs:

Aplūkosim, kā katru lauku varētu optimizēt šim attēlam, pamatojoties uz mērķa atslēgvārdu „ciberseguridad pymes”, kura vidējais mēneša meklējumu skaits ir 90 (Spānijā):

Faila nosaukums:

• ›

  Nepareizi: 04745892595295.jpg

• ›

  Pareizi: ciberseguridad-pymes.jpg

Virsraksts (Title): Consejos de ciberseguridad para empresarios y pymes. (Kiberdrošības padomi uzņēmumiem un mazajiem uzņēmumiem.)

Alt teksts: Ciberseguridad para pymes y empresarios: consejos. (Kiberdrošība mazajiem uzņēmumiem un uzņēmējiem: padomi.)

Šādi mēs optimizēsim visus laukus un iegūsim attēlu, kas ir gatavs cīnīties par augstākajām pozīcijām. Protams, attēlu optimizācija negarantē, ka tie parādīsies pirmie, taču tas ir pirmais solis, lai to sasniegtu :)

5. Semantiskais konteksts

Google uzskata, ka visatbilstošākie attēli ir tie, kas saskan ar tos ieskaujošo saturu. Tāpēc ir ieteicams iekļaut saistītu tekstu. Tādā veidā mēs paplašināsim kopējo semantisko kontekstu URL adresē.

6. Attēliem paredzēta vietnes karte

Lai palīdzētu Google botiem efektīvāk izsekot mūsu attēlus, ir nepieciešams izveidot atsevišķu sitemap.xml ar šāda veida failiem. WordPress vidē to var automātiski izveidot, izmantojot rīkus (spraudņus), piemēram, Yoast vai RankMath. Ja nestrādājat ar WordPress, varat izmantot alternatīvus rīkus vai manuālās programmēšanas līdzekļus (URL izsekošanu).

Tālāk redzēsiet vietnes kartes piemēru ar diviem attēliem rakstā:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html&lt;/loc> <image:image> <image:loc>http://example.com/image.jpg&lt;/image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg&lt;/image:loc> </image:image> </url> </urlset>

Dažas no visbiežāk izmantotajām birkām, veidojot attēlu vietnes karti, ir:

→ Attēla virsraksts

→ URL vai ceļš, kur fails ir saglabāts

→ Zemsvītras piezīme

→ Licences veids

→ Ģeolokācijas informācija

• ›Dokumentācija: daudz informācijas par attēlu vietnes kartēm ar piemēriem, ieviešanas pamācībām un citu var atrast Google emuārā.

Pēc ieviešanas pabeigšanas mēs varēsim pārbaudīt indeksēšanas pārklājuma statusu pakalpojumā Search Console.

7. Attēlu slinkā ielāde (ielāde pēc pieprasījuma)

Attēli ir vieni no visbiežāk izmantotajiem resursiem vietnēs, jo, kā mēdz teikt, „attēls ir tūkstoš vārdu vērts”. Tāpēc katras vietnes vizuālais aspekts tiek rūpīgi izstrādāts, izmantojot šos multivides elementus. Tomēr to neoptimizēšana var negatīvi ietekmēt lietotāja pieredzi un vietnes ielādes laiku. Šā iemesla dēļ ir ieteicama slinkā ielāde (lazy loading).

Pateicoties slinkajai ielādei, attēli tiek ielādēti tikai tad, kad tie parādās ekrānā. Piemēram, ja tie atrodas lapas apakšējā daļā, kas ierīces ekrānā vēl nav redzama, tie netiks ielādēti, kamēr lietotājs neritinās uz leju. Tas ievērojami samazina HTTPS pieprasījumu skaitu un saīsina ielādes laiku, padarot jūsu lapu Google acīs pievilcīgāku.

Spraudņi slinkās ielādes ieviešanai WordPress vidē

Ja pārvaldāt vietnes šajā programmatūras platformā, ir spraudņu kopums, kas piesaistīs jūsu uzmanību, ja vēlaties optimizēt attēlus, ieviešot slinko ielādi. Neaizmirstiet pārbaudīt, vai instalētajā motīvā šī funkcija jau nav iekļauta. Ja nav, lūk, daži interesanti varianti:

• ›

  BJ Lazy Load: viegli instalējams un iestatāms, tas ir viens no populārākajiem rīkiem ar vairāk nekā 90 000 instalāciju. Pateicoties šim papildinājumam, jūs varat mērogot attēlus, pielāgojot tos dažādiem ekrāna izmēriem.

• ›

  Lazy Load by WP Rocket: vienkāršs un viegli iestatāms (galvenokārt tāpēc, ka tas nepiedāvā dažādas iespējas), šā spraudņa priekšrocība ir tā, ka tas neizmanto JavaScript bibliotēku, piemēram, jQuery.

8. CDN izmantošana attēliem

CDN (Content Delivery Network – satura piegādes tīkls) ir visā pasaulē izvietotu serveru kopums, kas atkarībā no tā, kur atrodas pieprasītājs, atvieglo kešatmiņā saglabāta vietnes satura piegādi. Pateicoties šim mitināšanas tīklam, tas serveris, kas atrodas tuvāk pieprasītājam, nodrošinās pieprasītās vietnes kopiju.

Tādējādi CDN izmantošana palīdz mūsu URL lejupielādēties ātrāk, samazinot vietnes ielādes laiku un veicinot tās organisko ranžējumu.

Ja mēs izmantojam CDN (piemēram, Cloudflare), lai rādītu attēlus, tie tiks lejupielādēti un parādīti ātrāk. Šī vienkāršā plūsma tieši uzlabos mūsu SEO.

9. Citi apsvērumi

SEO ziņā vērtīgi attēli, tas ir, tie, kurus vēlamies ierindot augstāk, ir jāiekļauj URL avota kodā. Tie, kas ieviesti kā fona īpašība CSS, Google nebūs redzami, jo tā nespēj izprast šāda veida stilu lapas.

Turklāt ir arī citas svarīgas detaļas, kas jāpatur prātā, optimizējot mūsu attēlus:

• ›

  Exif: ar katru attēlu tiek saglabāts atribūtu kopums, piemēram, datums, kad fotogrāfija tika uzņemta, un citi dati, kas ir būtiski šīs jomas profesionāļiem. Tomēr šī informācija SEO ziņā nav vērtīga un tikai aizņem vietu. Šīs informācijas dzēšana var palīdzēt optimizēt attēlus un padarīt tos vieglākus.

• ›

  „longdesc”: šis atribūts parasti tiek aizmirsts, taču to ieviest mūsu attēlos var būt interesanti. Tas ir garš attēla apraksts.

• ›

  Sasaiste (Linking): saišu veidošanai ir būtiska loma mūsu lapu organiskajā izaugsmē, taču arī mūsu attēlu izaugsmē. Arī attēlus var sasaistīt un tādējādi panākt lielāku atpazīstamību meklētājprogrammās.

Vai esam palaiduši garām kādus būtiskus padomus? Mēs labprāt jūs uzklausītu. Atstājiet komentāru zemāk un droši dalieties savās zināšanās!