SEO เป็นศาสตร์ที่เกี่ยวข้องกับสิ่งต่างๆ มากมาย เมื่อทำ SEO เพื่อนหลายคนมักจะให้ความสำคัญกับสิ่งภายนอกบางอย่าง เช่น ลิงก์ภายนอก หรือการโฆษณา เป็นต้น โดยไม่สนใจสิ่งภายในบางอย่างของเว็บไซต์ของตนเองในปัจจุบัน ฉันจะพูดคุยกับคุณเกี่ยวกับบางสิ่งในรูปแบบ HTML ฉันหวังว่าจะเป็นประโยชน์กับคุณ และคุณสามารถพูดคุยร่วมกันได้
1. เขียนโครงสร้าง HTML ที่ดี
โครงสร้างเอกสาร HTML ที่ดีมีประโยชน์ต่อทั้งเครื่องมือค้นหาและผู้เขียนโค้ด (ตัวแบ่งส่วนข้อมูลหรือโปรแกรมเมอร์) โปรดจำไว้ว่าสาเหตุที่ผู้คนละทิ้งเค้าโครง TABLE (ตาราง) ก็เนื่องมาจากการใช้เค้าโครง TABLE ทำให้เกิดโค้ดที่ซ้ำซ้อนจำนวนมาก และเพื่อให้ได้เอฟเฟกต์ภาพบางอย่าง จึงสามารถใช้ได้เพียงหลายตารางเท่านั้น ดังนั้น หากคุณใช้เค้าโครง DIV+CSS แต่เอกสาร HTML ของคุณซ้อนลึกเกินไป หรือมีโค้ดที่ซ้ำซ้อนมากเกินไป โดยทั่วไปแล้ว ก็ไม่ต่างจากเค้าโครงตาราง ที่นี่ฉันขอแนะนำเว็บไซต์ที่เขียนโดยผู้เชี่ยวชาญชาวต่างชาติ คุณสามารถอ้างอิงถึงโครงสร้างเอกสารของเขา Zengarden (Cicada Wing Garden) และมันจะปรากฏใน Baidu
2. ใช้โลโก้ของคุณอย่างชำนาญ
เพื่อนๆ หลายๆ คนชอบใส่แท็ก IMG เป็นโลโก้ของเว็บไซต์ โดยส่วนตัวผมคิดว่าเป็นการสิ้นเปลืองทรัพยากร เนื่องจากตอนนี้เสิร์ชเอ็นจิ้นเกือบจะเพิกเฉยต่อแอตทริบิวต์ ALT ของแท็ก IMG นอกจากนี้ยังมีความจริงที่ว่าเครื่องมือค้นหาให้ความสำคัญอย่างยิ่งกับส่วนแรกของ HTML ของเว็บไซต์ ที่นี่ฉันจะยกตัวอย่างเพื่อสอนวิธีใช้ LOGO ของคุณอย่างเชี่ยวชาญ เรามาเปิดเว็บไซต์ของ Sohu เพื่อดูไฟล์ต้นฉบับและค้นหาสิ่งนั้น LOGO ไม่ได้ใช้ รูปภาพที่แทรกโดยแท็ก IMG มีการกำหนดดังนี้:
ส่วน HTML
<h1><a href=http://www.sohu.com title="Sohu-China พอร์ทัลที่ใหญ่ที่สุด">Sohu</a></h1>
ส่วน CSS
h1 {เยื้องข้อความ: -5000px; จอแสดงผล: บล็อก; ความกว้าง: 143px; ความสูง: 67px; ลอย: ซ้าย; ระยะขอบ: 0 อัตโนมัติ;}
h1 a {width:143px;height:67px;float:left;พื้นหลัง:url(../images/logo.gif) ไม่ทำซ้ำ;ล้น:ซ่อน;}
หลายคนอาจถามว่าทำไมถึงเป็นแท็ก H1? แบบนี้ถือว่าโกงมั้ย? เสิร์ชเอ็นจิ้นไม่ได้ระบุอย่างเป็นทางการว่าเป็นการโกง และเว็บไซต์ขนาดใหญ่อย่าง Sohu ก็ทำเช่นนี้ ดังนั้นเราจึงเผชิญหน้าได้ และฉันใช้เคล็ดลับนี้มาหลายครั้งแล้ว และฉันยังไม่พบปัญหาใดๆ เลย
3. วางแท็ก H อย่างเหมาะสม
เพื่อนที่มีประสบการณ์ SEO จะรู้เรื่องนี้ แท็ก H1~H6 นั้นดีสำหรับการเพิ่มประสิทธิภาพเว็บไซต์ ใช่ แต่หากแท็ก H ของคุณถูกใช้งานอย่างไม่เหมาะสม แท็กเหล่านี้ไม่เพียงไม่มีประโยชน์ต่อ SEO เท่านั้น แต่ยังจะถูกลดระดับหรือแม้กระทั่งถูกทำลายอีกด้วย ตัวอย่างเช่น มาดูตัวอย่างกัน โดยส่วนตัวแล้วฉันแนะนำให้วางชื่อเรื่องไว้ในแท็ก H1 คุณสามารถใส่คำอธิบายสั้นๆ ประมาณ 50 คำในแท็ก H2 ได้ สามารถเพิ่มลงในแท็ก H2 เพื่อตั้งค่าได้ แท็ก H3 สามารถใช้เป็นคำบรรยายในเนื้อหาข่าวได้ เช่นเดียวกับ H2 คุณสามารถเพิ่มการแก้ไขคำหลักบางอย่างได้ แต่ต้องควบคุมสัดส่วน H4 เช่นเดียวกับ H3 ทำงานได้ดีขึ้นเมื่อใช้ร่วมกัน
4. การผสมผสานระหว่างความสวยงามและการเพิ่มประสิทธิภาพเว็บไซต์
ในปัจจุบัน การทำเลย์เอาต์ HTML ในประเทศจีนมักเป็นเรื่องที่น่าปวดหัวที่สุดสำหรับศิลปินหรือการแบ่งส่วนบุคลากร เนื่องจากระบบปฏิบัติการในประเทศสามารถแสดงฟอนต์ได้น้อยมากบนหน้าเว็บ โดยฟอนต์ที่ใช้กันมากที่สุดคือ Song Dynasty แต่นักออกแบบจำนวนมากใช้ฟอนต์นี้ในการออกแบบเว็บไซต์ เป็นเรื่องปกติที่จะใช้แบบอักษรเชิงศิลปะในต้นฉบับของคุณ แต่น่าเศร้าที่เบราว์เซอร์ในประเทศรองรับเฉพาะฟอนต์เพลงและฟอนต์บางตัวที่ไม่ค่อยได้ใช้ตัวหนาและตัวเอียง ฉันควรทำอย่างไร เพื่อน ๆ ที่มีประสบการณ์ในการแบ่งส่วนจะนึกถึงการแบ่งส่วนรูปภาพทันที ใช่ นี่เป็นวิธีการที่พบบ่อยที่สุด แต่จะเกิดอะไรขึ้นถ้าสิ่งเหล่านี้โดยใช้แบบอักษรเชิงศิลปะมีประโยชน์มากสำหรับ SEO? ผู้เขียนใช้เคล็ดลับที่เพื่อนหลายคนไม่ได้สังเกต นั่นคือการฝังฟอนต์หรือเพียงแค่เพิ่มโค้ดโดยตรงตามกฎเก่า:
ส่วน CSS
@font-face {แบบอักษรครอบครัว:'flagwindRegular';src:url('/DBFNT0.eot');}
#navigation li{แบบอักษร:ปกติ 15px 'Microsoft Yahei','flagwindRegular';}
สังเกตคำจำกัดความแบบอักษรของ #navigation ของฉันอย่างระมัดระวัง อันดับแรกคือ Microsoft Yahei จากนั้นเนื้อหาในเครื่องหมายคำพูดเดี่ยวคือชื่อแบบอักษรที่ฉันปรับแต่งด้านบน ฉันจะไม่ลงรายละเอียดเกี่ยวกับแบบอักษรที่ฝังแบบกำหนดเองที่นี่ คุณสามารถค้นหาได้บน Baidu มันง่ายมากและคุณสามารถเรียนรู้ได้ภายในไม่กี่นาที
ฉันเขียนมามาก งานเขียนของฉันแย่มากและนี่เป็นครั้งแรกที่ฉันส่งบทวิจารณ์หรือไม่นั้นเป็นคำถามอย่างไรก็ตามสิ่งที่ฉันพูดนั้นขึ้นอยู่กับประสบการณ์ 7 ปีในการสร้างเว็บไซต์ โปรดแสดงความคิดเห็น Paizhuan หากผ่านการตรวจสอบให้พยายามเขียนสิ่งที่ใช้งานได้จริงให้ได้มากที่สุด
บทความนี้สร้างขึ้นโดย Flagwind Network ( www.flagwind.com ) ซึ่งเป็นบริษัทก่อสร้างเว็บไซต์ในเซินเจิ้น โปรดอย่าลบข้อมูลลิขสิทธิ์ของผู้เขียนต้นฉบับเมื่อส่งต่อ ขอขอบคุณ!
ขอขอบคุณ Shenzhen Qifeng Network สำหรับการสนับสนุน