Teb luv luv: Koj tseem siv tau Blogger lazy loading duab SEO yam tsis ua rau kev crawl duab ploj, yog tias URL ntawm daim duab tshwm hauv attribute src ntawm tag <img> hauv HTML uas tau render. Cov duab tseem ceeb nyob rau sab saud ntawm kab lus tsis tsim nyog ncua kev thauj; cov duab hauv qab siv tau loading="lazy" lossis siv txoj kev thauj cia li thaum daim duab txav ze rau thaj chaw pom. Tom qab ntawd, kuaj los ntawm HTML uas tau render hauv Search Console, tsis yog saib thawj lub source code xwb.
Txheej txheem hauv qab no haum rau cov neeg sau blog hauv Blogger thiab tsis tas hloov server. Koj yuav tsum muaj cai kho kab lus lossis theme, muaj computer browser thiab muaj Google Search Console account uas twb verify blog lawm. Lub hom phiaj kawg yog kom tus nyeem ntawv tseem pom tias nplooj ntawv thauj sai, hos Googlebot tseem nrhiav tau cov ntsiab lus thiab URL ntawm cov duab.
Vim li cas lazy loading duab hauv Blogger thiaj cuam tshuam tau SEO?
Lazy loading yog txoj kev ncua kev thauj cov duab uas tseem tsis nyob hauv thaj chaw pom, kom txo cov resources uas yuav tsum thauj tam sim thaum qhib nplooj ntawv. Qhov no pab tau rau kev ceev, tabsis tsis tsim nyog hloov duab mus ua cov ntsiab lus uas tsuas tshwm tom qab ib qho kev ua uas Googlebot tsis ua, xws li nias khawm, swipe lossis scroll manually. Google pom zoo kom cov ntsiab lus uas ncua kev thauj yuav tsum cia li tshwm thaum txav los rau hauv thaj chaw pom; Google Search tsis cuam tshuam nrog nplooj ntawv ib yam li tus neeg siv tiag (raws li Google Search Central).
Qhov teeb meem feem ntau tsis yog nyob ntawm keyword lossis filename, tabsis nyob ntawm txoj kev muab URL duab tso rau hauv HTML. Yog tias image tag tsuas muaj duab placeholder hauv src, hos URL tiag raug zais rau hauv custom attribute xws li data-src thiab tsuas yog JavaScript hloov tom qab tus neeg siv scroll, Google yuav tsis ua cov duab ntawd tau ruaj khov. Tab sis Google nrhiav tau duab hauv attribute src ntawm tag <img>, txawm tias tag ntawd nyob hauv qauv <picture> (raws li Google Search Central).
Ntsiab cai rau cais hom duab ua ntej optimize
| Hom duab | Txoj kev thauj uas tsim nyog siv | Vim li cas |
|---|---|---|
| Duab sawv cev lossis duab tseem ceeb nyob rau sab saud ntawm kab lus | Thauj li ib txwm, tsis siv lazy loading | Nov yog cov ntsiab lus uas tus nyeem ntawv thiab search engine yuav tsum pom ntxov. |
| Duab piav qhia nyob tam sim tom qab nqe lus qhib | Xav txog kev thauj li ib txwm yog nyob ze thaj chaw pom | Zam kom daim duab tshwm qeeb thaum tus nyeem ntawv nyuam qhuav qhib kab lus. |
| Duab piav qhia nyob nruab nrab lossis kawg kab lus | Siv loading="lazy" | Txo kev thauj thaum pib, tabsis tseem cia browser thauj nws tus kheej thaum daim duab txav ze viewport. |
| Duab tom qab uas siv CSS | Tsis txhob siv rau cov duab uas xav kom index | Google pom zoo siv HTML tag <img>; CSS duab tsis yog qhov kev xaiv tsim nyog rau Google Images nrhiav pom. |
Tsis tsim nyog ntxiv lazy loading rau txhua daim duab raws ib qho qauv ruaj khov. Google kuj ceeb toom tias kev ncua cov ntsiab lus uas yuav pom tau tam sim thaum qhib nplooj ntawv yuav ua rau thawj qhov kev paub qeeb dua (raws li Google Search Central).
Txoj kev siv Blogger lazy loading duab SEO kom nyab xeeb
Kauj ruam 1: Ntxig duab siv HTML tag uas muaj URL tiag
Hauv Blogger editor, hloov mus rau HTML mode ntawm kab lus thiab kuaj txhua daim duab. Ib qho qauv pib yuav tsum muaj URL tiag hauv src, muaj alt text hauv alt, thiab muaj qhov loj uas xav tseg los ntawm width thiab height yog tias koj paub qhov ratio ntawm daim duab meej:
<img src="https://blogger.googleusercontent.com/img/b/example-image.webp"
alt="Ảnh minh họa cách tối ưu ảnh Blogger"
width="1200"
height="675"
loading="lazy"
decoding="async">Rau thawj daim duab lossis daim duab tseem ceeb ntawm kab lus, tshem tawm loading="lazy" yog tias daim duab tshwm tam sim hauv thawj qhov screen. Rau cov duab nyob hauv qab, khaws attribute no yog qhov yooj yim dua li sau JavaScript riêng.
URL hauv qhov piv txwv tsuas yog siv los piav qhia. Thaum tshaj tawm kab lus, koj yuav tsum siv URL tiag uas Blogger tsim. Tsis txhob hloov URL tiag nrog placeholder xws li daim duab pob tshab 1×1 pixel, vim Google yuav tsuas pom placeholder es tsis yog cov ntsiab lus uas yuav tsum tau index.
Kauj ruam 2: Sau alt thiab filename kom pab tau SEO thiab kev nkag tau
Attribute alt yuav tsum piav qhia kom raug txog cov ntsiab lus lossis kev ua haujlwm ntawm daim duab, tsis yog sau keyword ua ib daim ntawv teev. Piv txwv, alt="Kiểm tra thuộc tính src của ảnh trong HTML Blogger" muaj txiaj ntsig dua alt="Blogger lazy loading ảnh SEO ảnh Blogger Google SEO". Google siv alt text nrog nplooj ntawv cov ntsiab lus thiab nws lub kaw lus paub hình ảnh los nkag siab daim duab lub ntsiab; kev nhaws từ khóa ntau dhau yuav ua rau kev siv tsis zoo thiab tej zaum raug suav tias yog kev coj ua tsis tsim nyog (raws li Google Search Central).
Muab daim duab tso ze rau kem ntawv uas cuam tshuam, siv lub npe ntaub ntawv piav qhia meej yog ua tau, thiab khaws ib qhov URL ruaj khov rau tib daim duab nyob rau ntau nplooj ntawv. Kev rov siv tib qhov URL pab Google khaws cia rau hauv cache thiab zam kom tsis tas thov tib qho resource ntau zaus (raws li Google Search Central).
Kauj ruam 3: Kho qhov loj me, tab sis tsis txhob tshem qhov URL hloov chaw
Cov duab loj yog ib qho laj thawj uas nquag ua rau Blogger nplooj ntawv hnyav. Export daim duab kom ze rau qhov loj uas yuav tso rau, compress ua ntej upload, thiab xaiv cov format tshiab xws li WebP lossis AVIF thaum koj cov txheej txheem txhawb. Yog siv srcset los pab ntau hom screen loj, tseem yuav tsum khaws src ua URL hloov chaw:
<img src="anh-800.webp"
srcset="anh-480.webp 480w, anh-800.webp 800w, anh-1200.webp 1200w"
sizes="(max-width: 600px) 100vw, 800px"
alt="Ảnh minh họa tối ưu ảnh Blogger"
loading="lazy">Google pom zoo kom muab URL ib txwm tso rau hauv src thaum siv srcset, vim tsis yog txhua lub browser lossis crawler ua cov responsive attributes ib yam nkaus (raws li Google Search Central).
Kuaj daim duab hauv HTML thiab lees paub tias Googlebot rub daim duab
Kuaj ceev nrog browser
- Qhib cov nplooj ntawv uas twb luam tawm hauv lub qhov rais incognito.
- Right-click, xaiv Inspect thiab nrhiav qhov tag
<img>. - Lees paub tias cov duab tseem ceeb muaj URL tiag hauv
src, tsis yog tsuas muajdata-src. - Scroll maj mam nqis mus rau hauv qab kawg ntawm nplooj ntawv thiab saib seb cov duab puas tshwm tuaj nws tus kheej yam tsis tas nias khawm.
- Hauv Network tab, lim raws Img kom pom seb image URL puas teb tiav, tsis muaj 403, 404 lossis redirect txawv txav.
Tsis txhob kuaj tsuas yog hauv View page sourcexwb. Yog interface lossis JavaScript hloov HTML tom qab loading, thawj qhov source code yuav txawv ntawm HTML uas browser thiab Google pom.
Kuaj nrog Search Console
- Qhib lub cuab yeej URL Inspection hauv Google Search Console.
- Paste URL ntawm nplooj ntawv thiab xaiv kuaj cov version uas twb luam tawm.
- Yog xav tau, xaiv Test Live URL, ces qhib ntu saib nplooj ntawv uas tau crawl lossis rendered HTML.
- Nrhiav cov tag
<img>thiab lees paub tias cov duab tseem ceeb tseem muaj URL hauvsrc. - Kuaj ntxiv tias resource puas rub tau: daim duab yuav tsum tsis thov kom login, tsis raug robots.txt thaiv, thiab tsis teb nrog server error.
Google qhia kom siv URL Inspection los lees paub tias lazy-loading cov ntsiab lus twb tshwm hauv rendered HTML; yog image URL nyob hauv src ntawm qhov tag <img>, qhov ntawd qhia tias qhov kev teeb tsa tab tom ua haujlwm raug raws qib pib (raws li Google Search Central).
Koj kuj siv tau Blogger cov lus qhia los tshuaj xyuas ntxiv cov interface settings uas yuav cuam tshuam rau kev ceev thiab kev crawl. Yog qhov interaction score raug cuam tshuam tom qab ntxiv script, ntsuas dua nrog PageSpeed Insights thiab DevTools es tsis txhob cia siab rau qhov kev xav xwb.
Tej teeb meem uas nquag ntsib thiab txoj kev kho
- Daim duab tsuas nyob hauv data-src: muab URL tiag tso rau hauv
srclossis hloov JavaScript mechanism mus sivloading="lazy"ntawm browser. - Daim duab nyob saum nplooj ntawv tshwm qeeb: tshem lazy loading ntawm daim duab tseem ceeb thiab kuaj dua qhov loj me, format, thiab lub server faib cov ntsiab lus.
- Daim duab teb nrog 404 lossis 403: Qhib qhov URL ntawm daim duab ncaj qha, rov xyuas txoj cai nkag mus thiab hloov qhov txuas uasเสีย lawm.
- Daim duab raug thaiv hauv robots.txt: Tsuas thaiv cov resource kho kom zoo nkauj uas tsis tsim nyog rau kev nkag siab cov ntsiab lus xwb; tsis txhob thaiv cov folder uas muaj cov duab yuav tsum tau index.
- Ntxiv script lazy loading uas nyuaj dhau: Rov qab siv HTML qauv, txo qhov kev vam khom rau JavaScript, ces rov kuaj HTML uas tau render.
Lazy loading tsis lav tias daim duab yuav tau ranking hauv Google Images. Nws tsuas pab koj ncua kev rub daim duab, tabsis tseem khaws tau qhov muaj peev xwm nrhiav pom yog HTML, URL, alt text, kev nkag tau thiab nplooj ntawv zoo raws li qhov tsim nyog. Tom qab kho tas, thov kom Google rov kuaj URL; kev crawl thiab indexing tsis tshwm sim tam sim ntawd.
Checklist ua tiav: Daim duab nyob saum toj ntawm tsab xov xwm tsis raug ncua; cov duab nyob hauv qab yuav thauj tau lawv tus kheej thaum ze rau viewport; txhua daim duab uas xav tau rau SEO muaj src URL tiag tiag; alt piav qhia raws li lus ntuj; cov duab tsis raug thaiv los ntawm robots.txt; HTML uas tau render hauv Search Console qhia raug; thiab nplooj ntawv tseem muaj ceev uas lees txais tau ntawm cov khoom siv mobile.
Cov ntaub ntawv siv
- Fix Lazy-Loaded Website Content— Google Search Central
- Google Image SEO Best Practices— Google Search Central
- Troubleshoot Google Search Crawling Errors— Google Search Central
- Prepare for mobile-first indexing— Google Search Central Blog
