Chilichonse Chimene Mumafuna Kudziwa Zokhudza Kukometsa Zithunzi Zachangu, Kusaka, Pafoni, ndi Zomwe Mumagwiritsa Ntchito Ogwiritsa Ntchito

Zithunzi ndi zofunika pa nkhani ya digito. Amabweretsa kukhudzidwa kwa zolemba za mabulogu, kumveka bwino kwa zolembedwa, ndi mphamvu yosinthira kukhala E-malonda. Koma ngati zisasamalidwe bwino, zithunzi zitha kusokoneza zoyesayesa zanu—kuchedwetsa masamba, kusokoneza injini zosaka, kutsekereza zida zofikira, ndikuwononga zokumana nazo pafoni. M'nthawi yomwe Google imapatsa mphotho magwiridwe antchito ndipo ogwiritsa ntchito amasiya kulumikizana pang'onopang'ono kapena movutikira, kukonza zithunzi zanu ndikofunikira komanso ndi mwayi wampikisano.

Nayi kanema waposachedwa kwambiri kuchokera ku Google pa Zithunzi SEO:

Bukuli limakhudza chilichonse kuyambira njira zogwirira ntchito monga kutsitsa kwaulesi ndi kukanikiza mpaka SEO-Zomwe zimakhazikika ngati mafayilo amtundu-olemera ndi mawu ofotokozera alt. Cholinga ndikuwonetsetsa kuti chithunzi chilichonse chomwe mumagwiritsa ntchito chikulimbitsa mawonekedwe anu, magwiridwe antchito, komanso kukhudzidwa kwa ogwiritsa ntchito.

Wosakasuka

Kutsitsa kwaulesi kumachedwetsa kutsitsa kwazithunzi mpaka chithunzicho chilowa pamalo owonera. M'malo mokakamiza chithunzi chilichonse kuti chitsekulidwe patsamba loyambira, msakatuli amadikirira mpaka wogwiritsa ntchito apukutu pafupi ndi icho. Kutsitsa kwaulesi kumapindulitsa tsamba, kugwiritsa ntchito deta yam'manja, kuchuluka kwa seva, Mavitamini Ovuta Kwambiri (CWV), makamaka Utoto Waukulu Wokhutiritsa (Lcp). Gwiritsani ntchito mbadwa HTML malingaliro:

<img src="cute-puppy.jpg" alt="Siberian husky puppy" loading="lazy">

Kuti muwongolere bwino, makamaka pa asakatuli akale, gwiritsani ntchito malaibulale a JavaScript.

Makulidwe azithunzi

Nthawi zonse fotokozerani m'lifupi ndi kutalika kwa zithunzi kuti zithandize asakatuli kugawa malo azithunzi asanatsegule. Makulidwe azithunzi amachotsa masinthidwe amitundu, kusintha Cumulative Layout Shift (CLS), ndikuwonjezera kukhazikika kwa mawonekedwe.

Chitsanzo:

<img src="puppy.jpg" alt="Fluffy puppy" width="600" height="400">

Zithunzi Zomvera ndi Srcset ndi Makulidwe

Kuyika kwa zithunzi zoyankhidwa kumathandizira msakatuli kusankha chithunzi chomwe chili choyenera kutengera kukula kwa zenera ndi mawonekedwe. Khalidwe la srcset limatanthawuza mitundu ingapo ya zithunzi; kukula kwake kumauza osatsegula kuti chithunzicho chidzakhala chochuluka bwanji. Kukula kwa zithunzi zomvera kumapindulitsa liwiro la tsamba, kukhathamiritsa kwa bandwidth, komanso kuthwa kwa zowonetsera za retina. Izi zimatsimikizira kuti ogwiritsa ntchito mafoni apeza zithunzi zing'onozing'ono, zotsegula mofulumira, pamene ogwiritsa ntchito omwe ali ndi kachulukidwe kapamwamba kapena mawonedwe akuluakulu amalandira katundu wapamwamba kwambiri. Chitsanzo:

<img
  src="husky-600.jpg"
  srcset="husky-400.jpg 400w, husky-800.jpg 800w, husky-1200.jpg 1200w"
  sizes="(max-width: 600px) 100vw, 600px"
  alt="Siberian husky puppy">

Zomveka. Nali gawo latsopano, loyima lomwe mungawonjezere mutatha kukhalapo Zithunzi Zomvera ndi Srcset ndi Makulidwe gawo:

Kugwiritsa Ntchito Chithunzi Element

pamene srcset ndi sizes imakulolani kuti mupereke zosankha zingapo zazithunzi, ma <picture> chinthu chimapereka kusinthasintha kwakukulu. Imakuthandizani kuti mutumikire mitundu yosiyanasiyana yazithunzi - monga WebP yamakono kapena AVIF - kutengera zomwe msakatuli amathandizira, komanso kulola mayendedwe aluso (kutumiza zithunzi zosiyana siyana zamawonekedwe osiyanasiyana ngati pakufunika). Njirayi imathandizira kuchepetsa kulemera kwa tsamba ndikuwongolera magwiridwe antchito, makamaka pazida zam'manja, osataya mawonekedwe owoneka bwino kwa ogwiritsa ntchito pazowonera zazikulu.

The <picture> chinthu chili ndi chimodzi kapena zingapo <source> zinthu, chilichonse chili ndi zake srcset, sizesndipo type makhalidwe, kutsatiridwa ndi kubwereranso <img> tag. Msakatuli amawunika magwero motsatana ndikukweza mtundu woyamba wothandizidwa. Chitsanzo:

<picture>
  <source 
    srcset="husky-400.webp 400w, husky-800.webp 800w, husky-1200.webp 1200w" 
    sizes="(max-width: 600px) 100vw, 600px" 
    type="image/webp">
  <img
    src="husky-600.jpg"
    srcset="husky-400.jpg 400w, husky-800.jpg 800w, husky-1200.jpg 1200w"
    sizes="(max-width: 600px) 100vw, 600px"
    alt="Siberian husky puppy">
</picture>

Muchitsanzo ichi, asakatuli omwe amathandizira WebP adzatsegula .webp mtundu, womwe umapereka kukula kwa mafayilo ang'onoang'ono komanso kutsitsa mwachangu. Osakatula omwe sagwirizana ndi WebP adzabwerera kumitundu ya JPEG yofotokozedwa mu <img> tag. Izi zimatsimikizira kuti zimagwirizana kwambiri ndikukhathamiritsa magwiridwe antchito amakono.

Kukula kwa Fayilo ndi Kupsinjika

Ngakhale zithunzi zoyikidwa bwino zitha kukhala zotsekereza ngati zili zazikulu kwambiri. Kupanikizika zithunzi zimayendera bwino mawonekedwe ndi magwiridwe antchito. Mafayilo ochepetsedwa amathandizira kuthamanga kwa zaka, magwiridwe antchito a foni yam'manja, amachepetsa kuchulukana, komanso amakweza masanjidwe osaka. Khalani ndi cholinga chosunga mafayilo azithunzi osakwana 100KB kuti mumve zambiri komanso 300KB pazithunzi za ngwazi.

Sankhani Mtundu Wolondola Wafayilo

Kusankha mtundu wa fayilo kumapindulitsa kumasulira mwachangu, kuchepetsa nthawi yolemetsa, zowoneka bwino kwambiri, komanso kusasinthika kwapazida zosiyanasiyana. Mtundu uliwonse uli ndi cholinga:

• JPG: Zoyenera zithunzi zokhala ndi ma gradients ndi mawonekedwe. Amapereka kukanika kotaya.
• PNG: Zabwino kwambiri pazithunzi zomwe zimafuna kuwonekera kapena m'mphepete mwake. Imathandizira kukanika kopanda kutaya.
• WebP: Mtundu wamakono kuphatikiza kukula kochepa komanso khalidwe labwino. Zothandizidwa kwambiri.
• Kutumiza: Zatsopano kuposa WebP, ngakhale zazing'ono zazikulu komanso zabwinoko, koma chithandizo chochepa.
• SVG: Mtundu wa Vector wa zithunzi, ma logo, ndi zithunzi zosavuta. Mamba popanda kutaya khalidwe.

Maina Ofotokozera Fayilo

Maina afayilo azithunzi ayenera kufotokozera zomwe ali nazo pogwiritsa ntchito mawu ofunikira. Pewani mayina odzipangira okha ngati IMG_0032.jpg. Mayina ofotokozera amafayilo amathandizira chithunzi cha SEO, kulondolera bwino ndi injini zosaka, komanso kulumikizana ndi zomwe zili patsamba.

Ndikofunikira kugwiritsa ntchito chikuku "-" m'malo moti kutsindika "_" kulekanitsa mawu m'mafayilo. Google imawona mizere ngati olekanitsa mawu, pomwe ma underscores samatanthauziridwa ngati olekanitsa. Amawona ma underscores ngati liwu limodzi lophatikizana, zomwe zimapangitsa kuti zikhale zovuta kuti makina osakira azitha kusanthula bwino.

Correct: cute-siberian-husky-puppy.jpg
Incorrect: cute_siberian_husky_puppy.jpg

Mawu Ena (Zolemba Zina)

Owerenga pazenera ndi injini zosaka amagwiritsa ntchito mawu alt kufotokoza zomwe zili pazithunzi. Malemba a Alt ndi ofunikira kuti athe kupezeka komanso chithunzi cha SEO. Imapindula ndi kutsata kwamtundu, kuwoneka bwino pakusaka, ndi zomwe zili m'mbuyo zithunzi zikapanda kukwezedwa. Pewani kuyika mawu osakira (mwachitsanzo, "ana agalu okongola agalu") ndipo lembani mawu achidule, ofotokozera m'malo mwake.

<img src="husky.jpg" alt="Three Siberian husky puppies playing in the snow">

Makhalidwe Amutu

Mutuwu ukhoza kuwonetsa zolemba zowonjezera pamene wogwiritsa ntchito akuyenda pamwamba pa chithunzi. Sikofunikira kwa SEO koma kumatha kukulitsa UX muzochitika zochepa. Gwiritsani ntchito mosamala komanso osasintha m'malo mwa mawu alt.

Mawu omasulira ndi Zozungulira Zozungulira

Makina osakira amatanthauzira tanthauzo lachithunzi mwa zina kudzera muzinthu zoyandikana nazo. Kuphatikizira mawu ofotokozera, mitu yankhani, kapena mawonekedwe azithunzi amatha kulimbikitsa chithunzi. Mawu omasulira amapindulitsa kufunikira kwa SEO, kumvetsetsa bwino, komanso kuchitapo kanthu kowonjezereka.

Google imaganiziranso mawu ozungulira, mitu yamasamba, ndi mitu kuti imvetsetse kufunika kwa chithunzicho. Nthawi zonse gwirizanitsani kagwiritsidwe ntchito ka chithunzi chanu ndi zomwe zili patsambalo komanso zolinga zake.

<figure>
  <img src="husky.jpg" alt="Siberian husky in snow">
  <figcaption>This young Siberian husky enjoys its first snowfall.</figcaption>
</figure>

Attribution ndi Licensing

Nthawi zonse perekani ndalama kwa anthu ena kapena zithunzi zomwe zili ndi chilolezo malinga ndi zomwe akufuna. Ma Creative Commons ambiri ndi nsanja zazithunzi za stock zimafuna kuti olemba alembedwe. Kupereka kumapindulitsa kutsata malamulo, kusindikiza kwabwino, komanso kudalira kwa ogwiritsa ntchito. Kuphatikiza apo, phatikizani metadata ya laisensi kapena data yosanjidwa kuti muthandize Google kuwonetsa zithunzi zanu ndi mawonekedwe oyenera komanso chidziwitso cha laisensi, makamaka pa Zithunzi za Google ndi Discover.

<figure>
  <img src="sunset.jpg" alt="Sunset over a mountain range">
  <figcaption>
    Photo by <a href="https://unsplash.com/@johndoe" target="_blank" rel="noopener">John Doe</a> on Unsplash
  </figcaption>
</figure>

Kapangidwe ka URL ndi Miyendo ya Robots.txt tiganizira

Google imagwiritsa ntchito ma URL azithunzi ndi mafoda kuti imvetsetse ndikusintha zithunzi zanu. Pewani kusintha pafupipafupi ndikuwonetsetsa njira zomveka. Njira zabwino kwambiri ndi izi:

• Gwiritsani ntchito ma URL osasintha.
• Konzani mafoda ndi mutu kapena mtundu wazithunzi.
• Pewani kutsekereza zithunzi zofunika robots.txt.
• ntchito 301 imalozeranso ngati ma URL akuyenera kusintha.

Ngati mukufuna kuti zithunzi zanu ziwonetsedwe muzotsatira zakusaka, onetsetsani kuti zifikirika ndi Google crawlers. Mutha kusiya zithunzi kapena zolemba mu Robots.txt:

User-agent: *
Disallow: /images/private/

Deta Yokhazikika ndi Zowonera Zowonjezereka

Zosanjidwa zimathandiza Google kumvetsetsa zomwe zithunzi zanu zikuyimira patsambalo. Kutengera mtundu wa tsamba, gwiritsani ntchito schema markup yoyenera ImageObject, Recipe, Productkapena NewsArticle. Imawonjezera kuyenerera kwa zotsatira zowongoleredwa mu Kusaka kwa Google, Discover, ndi zowonera zoperekedwa ndi zithunzi.

Zitsanzo za data (JSON-LD):

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://example.com/images/sunset.jpg",
  "license": "https://example.com/license",
  "creditText": "Photo by John Doe on Unsplash",
  "creator": {
    "@type": "Person",
    "name": "John Doe"
  }
}
</script>

HTML Markup for Social Media Previews

Tanthauzirani zithunzi zowoneratu pogwiritsa ntchito ma meta tag a Open Graph ndi Twitter Card pamapulatifomu ngati Facebook ndi Twitter.

<!-- Facebook / Open Graph -->
<meta property="og:image" content="https://example.com/images/preview.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://example.com/images/preview.jpg">

Maupangiri Akukula Kwa Zithunzi Zowoneratu:

• Facebook & Open Graph: 1200×630px (osachepera 600×315px)
• Khadi lalikulu lachithunzi la Twitter: 1200 × 628x
• Zowoneratu za Google Discover: Izi zimathandiza kuti tizithunzi tapamwamba kwambiri tiziwoneka bwino mu Google Search ndi Discover. Gwiritsani ntchito zithunzi zosachepera 1200px m'lifupi ndikuwathandiza kugwiritsa ntchito meta tag yomwe ili pansipa.

<meta name="robots" content="max-image-preview:large">

Kuthamanga Kwam'manja ndi Kuthamanga

Ndi kusaka kwazithunzi zambiri zochokera kuzipangizo zam'manja, kukhathamiritsa kwazithunzi kuyenera kukhala gawo la njira yanu yam'manja. Onetsetsani mamangidwe omvera komanso nthawi yonyamula mwachangu ndi:

• Zithunzi zoyankha (srcset, sizes).
• Kuyesa ndi Mayeso Omwe Abwino a Google.
• Kuchepetsa malipiro azithunzi ndi kuponderezana ndi kutsitsa kwaulesi.