ทุกหน้าเว็บถูกสร้างขึ้นโดยใช้มาร์กอัป - รหัสที่เขียนในภาษาที่ให้มาเป็นพิเศษ (ส่วนใหญ่มักเป็น HTML) ในทางกลับกัน เบราว์เซอร์ของผู้ใช้สามารถอ่านโค้ดนี้เพื่อแสดงข้อมูลทั้งหมดที่ผู้สร้างทรัพยากรต้องการถ่ายทอดให้เราได้อย่างถูกต้อง ปรากฎว่าองค์ประกอบทั้งหมดที่เราเห็นบนหน้าเว็บนั้นมาจากซอร์สโค้ดของเว็บไซต์ที่เราเยี่ยมชม
การเพิ่มประสิทธิภาพโค้ด
อย่างที่คุณเดาได้ว่าทุกตัวอักษรในรหัสนี้ ทุกสัญลักษณ์มีความหมาย นอกจากนี้ ที่น่าสนใจคือ การมองเห็นเว็บไซต์อาจไม่มีองค์ประกอบที่มีความสำคัญอย่างยิ่งต่อการเพิ่มประสิทธิภาพ (หมายถึงการตั้งค่าที่ถูกต้องของทรัพยากรสำหรับเครื่องมือค้นหา) แอตทริบิวต์ ALT สามารถนำมาประกอบกับจำนวนของแอตทริบิวต์ที่แทบจะสังเกตไม่เห็น เช่น มันอยู่ในหน้าของแหล่งข้อมูลมากมาย และบ่อยครั้งที่เราไม่ได้สังเกตเลย
ในบทความนี้ เราอยากจะใส่ใจกับองค์ประกอบในการออกแบบเว็บนี้เท่านั้น ในที่นี้ เราจะบอกคุณว่าเหตุใดการจัดอันดับเว็บไซต์ที่ถูกต้อง การเติบโตของการเข้าชม และความสะดวกของผู้ใช้ในการทำงานกับมันจึงมีความสำคัญ
แอตทริบิวต์ ALT คืออะไร
มาเริ่มกันตั้งแต่ต้น เราจะอธิบายว่าบทความนี้เกี่ยวกับอะไรคำพูดและเหตุผลที่เราต้องการแอตทริบิวต์นี้เลย
ดังนั้น เพื่อให้เข้าใจข้อความนี้ ก่อนอื่นคุณต้องเข้าใจภาษามาร์กอัป HTML นี่คือรหัสที่ใช้เขียนหน้าเว็บพื้นฐานซึ่งตามที่ระบุไว้แล้วมีคุณสมบัติที่จะแสดงในเบราว์เซอร์ ภาษาทั้งหมดประกอบด้วยคุณลักษณะพิเศษ (เช่น IMG, ALT, FONT เป็นต้น) แต่ละคนมีหน้าที่รับผิดชอบในการทำงานกับองค์ประกอบการออกแบบอย่างใดอย่างหนึ่ง ในทางปฏิบัติ แอตทริบิวต์ "รูปภาพ" ที่กล่าวถึงข้างต้นใช้สำหรับรูปภาพที่สามารถพบได้ในหน้าเว็บไซต์ โดยเฉพาะอย่างยิ่งด้วยความช่วยเหลือของมัน คำอธิบายถูกสร้างขึ้นสำหรับรูปภาพตามที่ผู้ใช้ (ผู้เยี่ยมชมไซต์) สามารถเข้าใจสิ่งที่ปรากฏบนรูปภาพได้อย่างง่ายดาย แน่นอนว่าคุณเคยเจอคำอธิบายดังกล่าวมาแล้ว โดยจะปรากฏขึ้นเมื่อคุณวางเมาส์เหนือรูปภาพ
ความคุ้มค่า
แน่นอน คุณลักษณะเหล่านี้ถูกนำไปใช้ในทางปฏิบัติด้วยเหตุผล เว็บมาสเตอร์ต้องการคำอธิบายสำหรับรูปภาพของตนมากเท่ากับผู้เยี่ยมชมเว็บไซต์ (อาจมากกว่านั้น) อย่างไรก็ตาม หากรูปภาพทั้งหมดไม่มีแอตทริบิวต์ ALT บุคคลอาจไม่ได้สังเกตเห็นสิ่งนี้หากเพิ่มข้อความอธิบายลงในรูปภาพบนหน้า ในทางกลับกัน โรบ็อตการค้นหา (ด้วย ALT ที่ว่างเปล่า) อาจไม่จัดอันดับเว็บไซต์ให้สูงพอ ลดตำแหน่งในผลการค้นหา และทำให้จำนวนผู้เข้าชมไม่เพียงพอ ดังนั้นเราจึงสามารถพูดได้อย่างมั่นใจว่าคำอธิบายสำหรับรูปภาพบนเว็บไซต์ก็มีบทบาทสำคัญในตัวเว็บมาสเตอร์ด้วยดังนั้นจึงไม่สามารถละเลย
โบนัสจากเครื่องมือค้นหา
เพื่อให้เข้าใจถึงประโยชน์ของการกรอกแท็กคำอธิบายสำหรับรูปภาพให้ถูกต้องมากขึ้น มาดูตัวอย่างกัน สมมติว่ามีเว็บไซต์ที่มีรูปภาพอยู่ หากไม่ได้ตั้งค่าแอตทริบิวต์ ALT ผู้ใช้จะไม่ประสบเพราะไม่ว่าในกรณีใดเขาจะเห็นสิ่งที่แสดงในภาพถ่ายโดยเฉพาะ ผลลัพธ์ที่แตกต่างอย่างสิ้นเชิงกำลังรอเจ้าของทรัพยากร ซึ่งจะละเลยแท็กด้านบน เนื่องจากเขาจะสูญเสียส่วนแบ่งการเข้าชมบางส่วนจากไดเรกทอรีรูปภาพ เป็นต้น
จะเขียนแอตทริบิวต์ ALT ได้อย่างไร
ในทางเทคนิคแล้ว ไม่มีอะไรยากในการกรอกคำอธิบายใต้ภาพนี้หรือภาพนั้น สิ่งนี้ชัดเจน: คุณต้องไปที่โปรแกรมแก้ไข HTML บนไซต์ของคุณและค้นหารหัสรูปภาพ (เริ่มต้นด้วย IMG และลงท้ายด้วยรหัสเดียวกัน) ภายในบล็อกของรหัสนี้มีรหัส นี่คือความหมายเมื่อพวกเขาบอกว่าคุณต้องเขียนแอตทริบิวต์ ALT ทำได้ดังนี้: “alt=“description”.
หากคุณไม่ได้ทำงานกับโค้ดล้วนๆ แต่ใช้ "เอ็นจิ้น" แยกต่างหากสำหรับไซต์ (เช่น Wordpress หรือ Joomla) จะรวมกลไกพิเศษในการเพิ่ม " alts" ซึ่งไซต์ของเราจะถูกจดจำ โดยเครื่องมือค้นหา หากคุณกรอก ALT ใหม่ การอัปเดตจะอยู่ในเพจของคุณ
มันเขียนอะไรในแอตทริบิวต์
แน่นอน เมื่อคุณมีงานเขียนแอตทริบิวต์ ALT คุณไม่ได้คิดเกี่ยวกับเทคนิคด้านข้าง. ส่วนใหญ่แล้ว คำถามนี้จะถูกถามถ้าผู้ดูแลเว็บไม่ทราบว่าข้อมูลใดที่เขาต้องจัดเตรียมเกี่ยวกับภาพใดภาพหนึ่งโดยเฉพาะ ทำให้ยากที่จะบอกว่าข้อมูลใดที่จะเป็นประโยชน์ต่อไซต์จากมุมมองของเครื่องมือค้นหา
ในทางปฏิบัติ มีหลายวิธีในการแก้ปัญหาคำอธิบาย มีคนทำงานกับเทมเพลตทั่วไป ซึ่งแท็กนั้นเต็มไปด้วยคำหลักที่ใช้สร้างเพจ บางทีนี่อาจเป็นวิธีปฏิบัติทั่วไปที่พบได้บ่อยที่สุด บางครั้ง แทนที่จะมองหาวิธีเขียนแอตทริบิวต์ ALT ผู้ใช้ก็ปล่อยให้พื้นที่นี้ว่าง ควรมีความกระจ่างในที่นี้ว่าทุกคนตัดสินใจด้วยตนเองเกี่ยวกับคำอธิบายที่จะระบุ
ข้อกำหนด
ในขณะเดียวกันก็มีกฎพื้นฐานหลายประการ (หรือข้อกำหนด หากคุณต้องการ) ซึ่งทุกคนสามารถเพิ่มแอตทริบิวต์ในอุดมคติสำหรับรูปภาพของตนได้ ประกอบด้วยรายการจำนวนเล็กน้อย ซึ่งแต่ละรายการหมายถึงคำอธิบายรูปภาพและรูปภาพบนเว็บไซต์
ตัวอย่างเช่น ข้อกำหนดแรกคือความยาวของข้อความทั้งหมด หากคุณกำลังมองหาวิธีเขียนแอตทริบิวต์ ALT อย่างถูกต้อง วิธีแก้ไขคือพื้นฐาน: ใช้คำไม่เกิน 2-3 คำ ข้อความขนาดนี้ ประการแรก โรบ็อตค้นหาจะอ่านข้อความในอุดมคติ (และทำให้ไซต์ของคุณมีความเกี่ยวข้องมากขึ้น) ประการที่สอง คำอธิบายดังกล่าวเข้าใจได้ง่ายกว่าสำหรับผู้ใช้เอง เห็นด้วยอ่านทั้งประโยคถ้าคุณแค่อยากรู้ว่าสิ่งที่ปรากฏในภาพจะไม่มีใครทำ ให้สั้นและแม่นยำพอเพียงคำอธิบายที่จะเป็นประโยชน์ทั้งกับคุณและลูกค้าของคุณ
อย่าลืมความหมายนะครับ หากคุณโพสต์รูปช้าง อย่าลืมอธิบายสายพันธุ์หรือประวัติของช้าง ระบุว่าเหตุใดจึงปรากฎในภาพนี้ คุณต้องการจะพูดอะไรในภาพนี้ มันจะเป็นประโยชน์สำหรับผู้มาเยี่ยมที่จะรู้ความคิดของคุณเกี่ยวกับช้างตัวนี้
จุดสำคัญอีกจุดหนึ่ง (ซึ่งกำหนดขึ้นในระหว่างการทดสอบภาคปฏิบัติจำนวนมาก) คือความเป็นเอกลักษณ์ หากคุณกำลังมองหาวิธีเพิ่มแอตทริบิวต์ "รูปภาพ" ให้กับรูปภาพ โปรดจำไว้ว่ารูปภาพแต่ละรายการในเว็บไซต์ต้องไม่ซ้ำกัน ตัวอย่างเช่น การเผยแพร่ภาพสามภาพติดต่อกันพร้อมคำบรรยายว่า "ช้างของฉัน" จะไม่ถูกต้อง ซึ่งจะส่งผลเสียต่อทรัพยากรของคุณในผลการค้นหาเท่านั้น ตั้งชื่อรูปภาพว่า "ช้าง 1" และ "ช้าง 2" ดีกว่า ซึ่งจะทำให้มีเอกลักษณ์เฉพาะตัวมากขึ้น
สุดท้าย ให้นึกถึงพารามิเตอร์ของรูปภาพที่คุณกำลังมองหาวิธีเพิ่มแอตทริบิวต์ ALT เข้าไป สำหรับรูปภาพ สิ่งสำคัญคือต้องผ่านเกณฑ์หลายประการ - ไม่เล็กเกินไป ให้ดูสมจริง กล่าวคือ หากคุณระบุคำอธิบาย ให้ทำเพื่อภาพที่จริงจังกว่าและพิจารณาอย่างมีนัยสำคัญมากกว่า อย่าใช้แอตทริบิวต์ "รูปภาพ" สำหรับอีโมติคอนขนาดเล็กหรืออะไรทำนองนั้น
ค้นหา ALT
สุดท้าย เราได้พูดถึงพื้นฐานของแอตทริบิวต์ กฎบางอย่างสำหรับการรวบรวมและข้อกำหนดของทั้งสองฝ่าย (ทั้งผู้ใช้และหุ่นยนต์ค้นหา) ที่มีต่อพวกเขา ทีนี้มาคิดกันว่าจะค้นหาคำสำคัญและวลีอย่างไรซึ่งเราจะกำหนดในเว็บไซต์ของเรา? ดังที่กล่าวไว้ข้างต้น การค้นหาควรมุ่งไปที่ฐานข้อมูลสำเร็จรูปของคำหลักที่เริ่มดึงดูดลูกค้ามายังไซต์ของคุณจริงๆ แน่นอนว่าสิ่งนี้ไม่สามารถทำได้หากคุณยังขาดแอตทริบิวต์ ALT นำคำหลักและวลีสำเร็จรูปที่คุณใช้ในเนื้อหาของคุณมาวางลงในรูปภาพ
หากคุณไม่มีข้อมูลดังกล่าว และคุณไม่ได้คิดเลยที่จะเริ่มค่อยๆ ส่งเสริมทรัพยากรของคุณ เราขอแนะนำให้คุณเริ่มมองหาฐานข้อมูลของ “คำหลัก” ดังกล่าว ซึ่งคุณสามารถสร้างเว็บไซต์ใหม่ได้อย่างง่ายดาย สำหรับสิ่งนี้ บริการต่างๆ เช่น Google Keyword Extract Tool หรือ Yandex. Wordstat นั้นสมบูรณ์แบบ ซึ่งแสดงสถิติการค้นหาสำหรับวลีบางวลี ด้วยการ "เล่น" ด้วยการตั้งค่าเหล่านี้ คุณสามารถเพิ่มส่วนแบ่งของปริมาณการค้นหาบนไซต์ของคุณได้อย่างมาก และเริ่มเก็บเกี่ยวผลประโยชน์ใหม่ๆ สิ่งสำคัญคือการหลีกเลี่ยงสถานการณ์ที่ภาพที่มองเห็นได้ทั้งหมดไม่มีแอตทริบิวต์ ALT
สรุป
แล้วเราจะพูดอะไรเกี่ยวกับแอตทริบิวต์ที่อธิบายไว้ในบทความนี้ได้บ้าง เป็นส่วนหนึ่งของภาษาที่ใช้สร้างไซต์ที่ง่ายที่สุด - HTML การทำเช่นนี้ทำได้ง่ายมาก เนื่องจากเป็นการอธิบายภาษาพื้นฐานและพื้นฐาน หากต้องการยังคงลงทะเบียนแท็กในรูปภาพ คุณจะต้องออกแท็กผ่านซอร์สโค้ดโดยอิสระ หรือใช้คำแนะนำใหม่ เริ่มสร้างใหม่อีกครั้ง อย่างไรก็ตาม การติดแท็ก "รูปภาพ" เป็นกรณีที่สมบูรณ์แบบของผลประโยชน์ร่วมกันเมื่อทั้งผู้เยี่ยมชมและเจ้าของทรัพยากรพึงพอใจ
การระบุแท็กอาจนำไปสู่สิ่งใหม่ได้ผู้เข้าชม - ปรากฏการณ์นี้มักพบเห็นได้บ่อยในบริการต่างๆ เช่น Google และ Yandex Images เมื่อคุณคลิกที่รูปภาพ ไซต์จะกำหนดแหล่งที่มาของรูปภาพโดยอิสระและเปลี่ยนเส้นทางผู้เยี่ยมชม และอย่างที่คุณเข้าใจ สิ่งนี้สำคัญมากที่จะทำได้ในอนาคต
