WordPress дээр Alt+Gitle зургийн шинж чанарын кодыг автоматаар нэмэх нь: хандалтыг нэмэгдүүлэх нууц зэвсэг.

WordPress Зургийн гарчиг + Alt шинж чанарын гүйцээлтийг автоматаар нэмэх эцсийн гарын авлага

WordPress зургуудад Alt болон Title шинж чанарууд байхгүй байна уу? Энэхүү автоматжуулсан код нь таны сайтын бүх шинж чанаруудыг гүйцээж, хайлтын системүүдэд таны контентыг илүү сайн ойлгоход тусална. Зургийн хайлтын зэрэглэлийг сайжруулж, хэрэглэгчийн туршлагыг сайжруулж, хандалтын өсөлтийг хялбар болго. Энэ нууц зэвсгийг одоо эзэмшиж, өндөр эрх мэдэлтэй вэбсайт бүтээгээрэй!

Та вэбсайтынхаа зургуудыг анх ямар ч тайлбаргүйгээр харахад "тэнэг зураг" мэт санагдаж байна уу?

Энэ нь зөвхөн хэрэглэгчийн туршлагад нөлөөлөхөөс гадна хайлтын системийн таны контентыг ойлгох чадварыг шууд бууруулдаг.

WordPress нүүрэн дээр зургуудыг хэрхэн автоматаар бөглөх талаар ярилцъя. нэр Тэгээд бага Шинж чанарууд, зөвшөөрөх SEO Үр нөлөө нь хоёр дахин нэмэгддэг.

Зургийн Alt болон Title шошго яагаад тийм чухал вэ?

Хайлтын системүүд хүмүүс шиг зургийг "ойлж" чадахгүй.

Тэд зурагнаас хамаарна бага Тэгээд нэр Зургийн агуулгыг ойлгохын тулд шинж чанаруудыг ашиглана уу.

Google-ийн албан ёсны баримт бичгийн дагуу:

"Alt шинж чанар нь зургийн текст хувилбаруудыг өгдөг бөгөөд хайлтын системд зургийн семантикийг ойлгоход нь тусалж, хүртээмжийг сайжруулдаг."

Энэ нь хэрэв таны зурагт alt эсвэл гарчиг байхгүй бол хайлтын системүүд тухайн зургийн нийтлэлтэй холбоотой эсэхийг тодорхойлох бараг боломжгүй болно гэсэн үг юм.

Бүр ноцтой нь хэрэглэгчид дэлгэц уншигч ашиглах үед чухал мэдээллийг алдаж магадгүй юм.

Тиймээс эдгээр шинж чанаруудыг автоматаар гүйцээх нь зөвхөн SEO-ийн хувьд давуу тал төдийгүй хэрэглэгчийн туршлагын баталгаа юм.

Байнга асуудаг асуултууд: Яагаад олон зурагт Alt эсвэл Гарчиг гэсэн шошго байдаггүй вэ?

Олон вэбсайт эзэмшигчид зураг байршуулахдаа "Нийтлэл оруулах" товчийг шууд дарахад дассан байдаг ч alt болон гарчгийн талбаруудыг бөглөхөө мартдаг.

Үр дүн нь: нүүр хуудас дүүрэн байна... <img> Шошгон дээр ямар ч тайлбар байгаагүй.

Энэ нөхцөл байдал ньЦахим худалдааВэбсайт, блог, тэр ч байтугай мэдээллийн сайтууд маш түгээмэл байдаг.

Түүнээс гадна, хэдэн зуун зургийг нэг нэгээр нь гараар гүйцээх нь бараг боломжгүй ажил юм.

Энэ үед автоматжуулсан скриптүүд аврагч болж хувирдаг.

WordPress-ийн зургийн шинж чанаруудыг автоматаар гүйцээх үндсэн код

Үүний шийдэл нь дараах кодыг нэмэх явдал юм... WPCode эсвэл Fluent Snippets залгаасҮүнийг дамжуулж add_filter Дэгээ нь front-end рендеринг хийх үед зургийн шинж чанаруудыг автоматаар гүйцээдэг:

// 前端文章内容自动补全图片 alt、title 属性
add_filter('the_content', 'auto_complete_image_attr_frontend', 999);
function auto_complete_image_attr_frontend($content) {
    global $post;
    if (empty($post->post_title)) return $content;

    $post_title = esc_attr($post->post_title);
    $site_name = esc_attr(get_bloginfo('name'));
    $default_alt = $post_title . ' - ' . $site_name;

    // 补全空的alt属性
    $content = preg_replace('/<img(.*?)alt=(""|\'\')(.*?)>/i', '<img$1alt="' . $default_alt . '"$3>', $content);
    // 补全缺失的alt属性
    $content = preg_replace('/<img((?!.*alt=).*?)>/i', '<img$1 alt="' . $default_alt . '">', $content);
    // 补全缺失的title属性，与alt保持一致
    $content = preg_replace('/<img((?!.*title=).*?)alt="(.*?)"(.*?)>/i', '<img$1alt="$2" title="$2"$3>', $content);

    return $content;
}

Кодын логик задрал

1. Өгүүллийн гарчиг болон сайтын нэрийг авах

Скрипт эхлээд дууддаг $post->post_title Тэгээд get_bloginfo('name')Энэ нь alt болон гарчгийн текстийг нэгтгэж анхдагч alt болон гарчгийн текстийг үүсгэдэг.

Жишээ нь:
Өгүүллийн гарчиг нь "SEO оновчлолын техникүүд", сайтын нэр нь "Техникийн тэмдэглэлүүд" тул үндсэн alt текст нь:
SEO оновчлолын техникүүд - Техникийн тэмдэглэл

2. Хоосон Alt шинж чанаруудыг бөглөнө үү

Тогтмол илэрхийллүүдийг ашиглах <img> Хэрэв тагийн alt шинж чанар хоосон байвал автоматаар анхдагч утгаар дүүрнэ.

Энэ нь тохиолдохоос сэргийлдэг <img alt=""> Нөхцөл байдал.

3. Алдагдсан Alt шинж чанарыг гүйцээнэ үү

Хэрэв зургийн шошго нь alt шинж чанаргүй бол код нь шууд мөр оруулна.

Үр дүн нь:
<img src="https://media.chenweiliang.com/2026/03/wordpress-auto-adds-alt-title-images.jpg"> → <img src="https://media.chenweiliang.com/2026/03/wordpress-auto-adds-alt-title-images.jpg" alt="SEO优化技巧 - 技术笔记">

4. Алга болсон Гарчгийн шинж чанарыг гүйцээнэ үү

Эцсийн алхам бол зураг бүрийн гарчиг болон alt текст нь хоорондоо нийцэж байгаа эсэхийг шалгах явдал юм.

Энэ нь зөвхөн SEO-г сайжруулаад зогсохгүй хэрэглэгч хулганаа дэлгэцэн дээр аваачихад tooltip текстийг харуулдаг.

Бодит үр нөлөөний үзүүлэлт

Анхны нийтлэлийн агуулга нь:

<p><img src="https://media.chenweiliang.com/2026/03/wordpress-auto-adds-alt-title-images.jpg"></p>

Скрипт боловсруулсны дараа front-end гаралт нь дараах байдалтай болно:

<p><img src="https://media.chenweiliang.com/2026/03/wordpress-auto-adds-alt-title-images.jpg" alt="SEO优化技巧 - 技术笔记" title="SEO优化技巧 - 技术笔记"></p>

Энэ нь тэр даруй илүү боловсронгуй болж хувирахгүй гэж үү?

SEO болон хэрэглэгчийн туршлагыг давхар сайжруулах

1. Хайлтын системүүд таны контентыг илүү сайн ойлгодог.
   Зургийн шинж чанаруудыг бөглөсний дараа Google, Bing зэрэг хайлтын системүүд зургийг илүү нарийвчлалтай индексжүүлэх боломжтой.

2. Зургийн хайлтын зэрэглэлийг сайжруулах
   Alt шинж чанар нь зургийн хайлтын зэрэглэлд чухал хүчин зүйл болдог.

3. Илүү хүртээмжтэй туршлага
   Дэлгэц уншигч нь alt шинж чанарыг чангаар уншиж, харааны бэрхшээлтэй хэрэглэгчдэд зургийн агуулгыг ойлгох боломжийг олгодог.

4. Сайтын ерөнхий эрх мэдэл сайжирсан
   Хэрэв нийтлэл болон зургууд нь семантикийн хувьд нийцтэй байвал хайлтын системүүд таны агуулгыг илүү бүрэн гүйцэд гэж үзэх болно.

Moz SEO удирдамжийн дагуу:

"Зөв байрлуулсан alt шинж чанар нь зөвхөн зургийн хайлтын урсгалыг нэмэгдүүлээд зогсохгүй хуудасны нийт хамаарлыг сайжруулж чадна."

Дэвшилтэт оновчлолын саналууд

1. Илүү нарийвчлалтай Alt тагийг динамикаар үүсгэх

Хэрэв таны вэбсайт бол цахим худалдааны сайт бол alt шинж чанарт бүтээгдэхүүний нэр болон загварын дугаарыг оруулж болно.

Жишээ нь:
Nike AiZoom Pegasus 40 гүйлтийн гутал – Албан ёсны дэлгүүр

2. Түлхүүр үг оруулахаас зайлсхий

Alt шинж чанарыг давтагдсан түлхүүр үгсээр дүүргэж болохгүй.

Хайлтын системүүд түлхүүр үг оруулах нь сөрөг үр дагаварт хүргэнэ гэж тодорхой мэдэгдсэн.

3. Энгийн бөгөөд байгалийн байлга.

Alt шинж чанар нь найздаа зургийг тайлбарлаж байгаа мэт товч байх ёстой.

Жишээ нь:
"Цэнхэр пүүзний урд талын харагдац"
比
"Цэнхэр өнгийн эрэгтэй, эмэгтэй спортын гутал, боломжийн үнэтэй, практик"
Илүү үр дүнтэй.

Дүгнэлт: Зурагнууд өөрсдөө ярьцгаая

Зураг өөрөө чимээгүй боловч alt болон гарчиг нь түүний хэл юм.

Зураг бүрийн бүрэн тайлбарыг өгөхөд хайлтын системүүд таны агуулгыг үнэхээр ойлгож, хэрэглэгчид илүү бүрэн дүүрэн туршлагатай болох боломжтой.

Энэ нь зөвхөн технологийн оновчлолын асуудал төдийгүй контент бүтээгчдийн үүрэг хариуцлага юм.

Ницшегийн хэлснээр:"Утга учиртай бүх зүйлд хэлний утга учир өгөх ёстой."

Зургуудаа илүү сонирхолтой, хүчтэй нэмэлт болгоорой.

Зураг бүрийг дуугаргахын тулд арга хэмжээ авч, энэ кодыг WordPress сайтдаа нэмээрэй.

Энэ бол SEO-ийн жинхэнэ хүч бөгөөд хайлтын систем болон хэрэглэгчдийн аль алиных нь тааллыг авахын тулд контент болон хэлбэрийг төгс хослуулдаг.