ทุกคนรู้ดีว่าเลย์เอาต์ div+css กำลังได้รับความนิยมอย่างมากในตอนนี้ CSS แยกเนื้อหาและการนำเสนอของหน้าเว็บ ปรับปรุงโค้ดของหน้าเว็บ เปลี่ยนแปลงโค้ดเล็กน้อย และสร้างรูปแบบหน้าเว็บใหม่ ฮ่าๆ! ความเร็วในการเปิดไม่จำเป็นต้องพูดเลย! แต่จากมุมมองของ SEO ข้อความที่ซ่อนอยู่คือการโกง SEO! - CSS สมบูรณ์แบบตามที่กล่าวไว้ข้างต้นหรือไม่ ฉันไม่แน่ใจ ดังนั้นเรามาคุยกันว่ารูปภาพ css สามารถแทนที่แท็ก img ได้อย่างสมบูรณ์แบบหรือไม่ แน่นอนว่ารวมถึง alt ด้วย!
1. รหัส html ของรูปภาพในหน้าเว็บทั่วไปเป็นดังนี้:
<h1>
<img src="images/logo.jpg" alt="ชื่อโลโก้" />
</h1>
2. หากคุณใช้ css แทน ให้เขียนโค้ด css ก่อน (โดยที่ .logo เป็นตัวเลือกคลาส):
h1.main-โลโก้ {
ความกว้าง: 300px; ความสูง: 50px;
พื้นหลัง: url(images/logo.jpg);
เยื้องข้อความ: -9999px;
-
เมื่อคุณเรียก CSS บนหน้าเว็บ โค้ดจะเป็นดังนี้:
<h1 class="main-logo">ชื่อโลโก้</h1>
วิธีการแสดงออกสองวิธีข้างต้นนั้นเหมือนกันทุกประการ แต่วิธีที่ CSS แสดงภาพจะทำให้คำว่า "ชื่อโลโก้" ซ่อนอยู่ในข้อความ จากมุมมองของ SEO นี่เป็นการโกงหรือไม่ (ผู้เชี่ยวชาญด้าน SEO กรุณาฝากข้อความไว้!)
ทำไมทุกคนถึงชอบใช้ CSS นี้? ฉันจะไม่อธิบายเหตุผลก็เคยบอกไปแล้ว! แต่เครื่องมือค้นหาเข้าใจหรือไม่? แม้ว่าความเร็วในการเปิดหน้าเว็บจะเป็นมิตรกับผู้ใช้ แต่เครื่องมือค้นหาจะเข้าใจได้หรือไม่ อย่างที่เราทราบกันดีว่าเครื่องมือค้นหารู้จักเฉพาะข้อความเท่านั้น ไม่ใช่รูปภาพ! การใช้ CSS จะเห็นได้ชัดว่าข้อความถูกซ่อนอยู่ เครื่องมือค้นหาจะลงโทษการโกงข้อความ SEO อย่างรุนแรง! แต่การใช้ CSS นั้นสมเหตุสมผลในทางเทคนิค Google และเครื่องมือค้นหาอื่นๆ สามารถเข้าใจได้หรือไม่
มาดูกันว่า Matt Cutts วิศวกรอาวุโสอาวุโสของ Google พูดอย่างไร
หากคุณใช้ CSS เพื่อซ่อนข้อความโดยตรง ไม่ต้องแปลกใจถ้าสิ่งนั้นเรียกว่าสแปม ฉันไม่ได้บอกว่าการวางเมาส์หรือข้อความ DHTML หรือมีโลโก้แต่ยังมีข้อความนั้นเป็นสแปม ฉันตอบครั้งสุดท้ายในการประชุมเมื่อฉันพูดว่า "ลองนึกภาพว่าผู้เข้าชม คู่แข่ง หรือใครก็ตามที่ตรวจสอบรายงานสแปมจะดูเป็นอย่างไร หากคุณแสดงชื่อบริษัทของคุณและเป็น Expo Markers แทนที่จะเป็นโลโก้ Expo Markers คุณควรจะสบายดี หากข้อความที่คุณตัดสินใจแสดงคือ 'Expo Markers ส่วนลดออนไลน์ราคาถูกซื้อออนไลน์ Expo Markers sale …' ฉันคงจะระมัดระวังมากกว่านี้เพราะมันอาจดูไม่ดี
ดูจากคำพูดของเขาได้เลยว่าถ้าจงใจใช้ CSS เล่น SEO 555 มันก็จะอันตรายหน่อยๆ นะ! หากสมเหตุสมผลที่จะใช้ CSS เพื่อปรับปรุงความเป็นมิตรต่อผู้ใช้ ก็ไม่มีอะไรต้องกังวล
Postscript: ฉันยังคงดูโลโก้ของ Google โดยจะใช้ img ที่กล่าวถึงในประเด็นแรกของบทความนี้ และฉันเห็นว่าชาววิกิพีเดียบางคนใช้รูปภาพ CSS และการจัดอันดับน้ำหนักของพวกเขาดูเหมือนจะไม่มีผลกระทบใดๆ เลย! ดี! เป็นคำถามที่ยากจะระบุ ดังนั้นปล่อยให้เป็นหน้าที่ของทุกคน! -
ที่มาของบทความนี้: www.bobaiyou5.com
ขอขอบคุณ Bobaiyou สำหรับการสนับสนุนของคุณ