รู้เบื้องต้นเกี่ยวกับแท็ก Anchor Link HTML และบทบาทของพวกเขาใน SEO

<a> แท็กส่วนใหญ่จะใช้เพื่อกำหนดลิงก์และบุ๊กมาร์กและเรียกว่าไฮเปอร์ลิงก์หรือลิงค์ยึด การใช้งานที่พบบ่อยที่สุดมีดังต่อไปนี้:

สร้างแอตทริบิวต์ hyperlink href และข้ามไปที่ลิงค์ใน Middle Href =

 <a href = https: //www.vevb.com/> www.vevb.com </a>

สร้างบุ๊กมาร์กใช้แอตทริบิวต์ชื่อหรือ ID และจุดสิ้นสุดของการเชื่อมโยงหลายมิติเพื่อเพิ่ม # และชื่อของบุ๊คมาร์คนี้เพื่อข้ามไปยังตำแหน่งที่แน่นอนบนหน้าเว็บ

 <a name = top> </a> <a name = 1> </a> <a name = 2> </a> <a href =#top> กลับไปด้านบน </a> <a href =#1> เปิดบทที่ 1 </a> <a href =#2> เปิดบทที่ 2 </a>

เมื่อคุณเปิดการสอนออนไลน์ของเทคโนโลยี Ewei W3CSchool การนำทางด้านล่างชื่อจะปรากฏขึ้นซึ่งถูกสร้างขึ้นผ่านชื่อบุ๊คมาร์ค

แอตทริบิวต์เหตุการณ์ JavaScript คลิกเพื่อเรียกใช้คำสั่งที่แตกต่างกัน

 <a href = javascript: void (0) onclick = this.href = 'https: //www.vevb.com/'> www.vevb.com </a>

Anchor Link Style CSS

เมื่อไม่มีรูปแบบ CSS ของลิงค์จุดยึดที่กำหนดเอง <a href = https: //www.vevb.com/> ข้อความเชื่อมโยงจุดยึด </a> รูปแบบการเชื่อมโยงจุดเริ่มต้นมีดังนี้:

ใช้รูปแบบการเชื่อมโยงเริ่มต้นโปรดใช้เมาส์เพื่อทริกเกอร์เอฟเฟกต์

<style type = text/css>

A {color:#00f}

A: เยี่ยมชม {color:#800080}

A: Hover {color:#f00}

</style>

<a href = https: //www.vevb.com/> www.vevb.com </a>

A {color:#00f} ลิงค์ยึดเป็นสีน้ำเงินทั้งหมดและขีดเส้นใต้

ตอบ: เยี่ยมชม {color:#800080} ลิงค์หลังจากคลิกเป็นสีม่วงและขีดเส้นใต้

A: Hover {color:#f00} เมาส์กระตุ้นรูปแบบสีแดงและขีดเส้นใต้

อย่างไรก็ตามเนื่องจากทั้งสามสีนั้นแข็งแกร่งเกินไปพวกเขาจึงไม่สามารถจับคู่สไตล์การออกแบบเว็บทั้งหมดได้ หากคุณต้องการรูปแบบการเชื่อมโยงจุดยึดสำหรับสีอื่น ๆ คุณจะต้องปรับเปลี่ยนสีและพื้นหลังด้วยตัวเองใน CSS ตามสามรูปแบบข้างต้น

เหตุใดลิงค์สมอจึงต้องขีดเส้นใต้?

ในความเป็นจริงเมื่อ HTML เปิดตัวครั้งแรกเบราว์เซอร์ไม่ได้ก้าวหน้าเท่าตอนนี้และหน้าจอคอมพิวเตอร์ในเวลานั้นไม่มีสีของ LCD และสีอื่น ๆ ในปัจจุบันและหลายคนก็เป็นขาวดำ ในเวลานั้นวิธีการที่จะแยกแยะว่ามันเป็นลิงค์ที่ขีดเส้นใต้หรือไม่ บนจอภาพขาวดำจำนวนมากหรือหน้าเว็บสำหรับผู้ใช้สีตาบอดสีลองรักษาขีดเส้นใต้ให้มากที่สุดเท่าที่จะเป็นไปได้มิฉะนั้นผู้ใช้จะไม่สามารถแยกแยะสีได้

แน่นอนเพื่อความงามการออกแบบเว็บที่ทันสมัยโดยทั่วไปไม่ได้เน้นย้ำถึงลิงก์โดยตรง อย่างไรก็ตามเพื่อที่จะดูแลผู้ใช้สีตาบอดสีและผู้ใช้จอภาพโทรศัพท์มือถือขาวดำขอแนะนำให้ตั้งค่าสไตล์ CSS เพื่อขีดเส้นใต้เมื่อมีการเรียกใช้เมาส์ของผู้ใช้

การตั้งค่าการกระโดดข้ามเป้าหมายลิงค์เป้าหมาย

เมื่อคุณเปิดลิงก์ไปยังหน้านี้คุณจะพบว่าลิงก์บางส่วนจะปรากฏขึ้นไปยังหน้าต่างอื่น ๆ เมื่อคุณเปิดลิงก์ในขณะที่ลิงก์บางส่วนจะแทนที่หน้านี้โดยตรง วิธีการกระโดดนี้สามารถใช้คุณสมบัติเป้าหมายของลิงก์จุดยึดเพื่อตั้งค่าหน้าต่างกระโดด

_Self หน้าต่างปัจจุบันเปิดอยู่ และลิงค์จุดยึดจะถูกเปลี่ยนเส้นทางไปยังหน้าต่างเบราว์เซอร์ปัจจุบันโดยค่าเริ่มต้นนั่นคือเป้าหมายเริ่มต้น = _Self

 <a href = https: //www.vevb.com/ target = _self> นี่คือโฮมเพจเทคโนโลยี Ewei ใหม่ในปัจจุบัน </a>

_ หน้าต่างใหม่เปิดขึ้น

 <a href = https: //www.vevb.com/ target = _blank> นี่คือหน้าต่างใหม่ที่จะแสดงหน้าแรกของเทคโนโลยี EV </a>

เป้าหมายที่ไม่มีชื่อเปิดในหน้าต่างใหม่เดียวกัน

 <a href = https: //www.vevb.com/ target = _weigeti> ​​หาก _weigeti ที่นี่ไม่ใช่ชื่อหรือรหัสภายในเว็บเพจเป้าหมายทั้งหมด = _weigeti ลิงก์ในเว็บเพจจะเปิดในหน้าต่างใหม่เดียวกัน

ชื่อเฟรมหรือรหัส

 <a href = https: //www.vevb.com/ target = weigeti> ​​คลิกที่นี่เพื่อแสดงหน้าแรกของเทคโนโลยี e-wei ในเฟรมด้านล่างชื่อ = weigeti และจะไม่ข้ามไปยังหน้าต่างใหม่หรือแทนที่หน้าต่างปัจจุบัน </a> <iframe name = weigeti>

_Parent หน้าต่างพาเรนต์จะเปิดขึ้น และโหลดไฟล์ที่เชื่อมโยงลงในชุดเฟรมพาเรนต์หรือหน้าต่างพาเรนต์ที่มีเฟรมลิงค์ หากเฟรมเวิร์กที่มีลิงก์ไม่ซ้อนกันไฟล์ที่เชื่อมโยงจะถูกโหลดในหน้าต่างหน้าจอเต็มเบราว์เซอร์เช่นเดียวกับพารามิเตอร์ _self

 <iframe> <a href = https: //www.vevb.com/ target = _parent> นี่คือด้านในของเฟรม </a> </iframe>

_Top Framework ที่ระดับบนสุด ตัวอย่างเช่นเว็บเพจ B ถูกฝังอยู่ในเว็บ A, เว็บเพจ B ถูกฝังอยู่ในเว็บเพจ IFRAME C C

 <iframe> <iframe> <a href = https: //www.vevb.com/ target = _top> นี่คือเฟรมเวิร์กภายในเฟรม </a> </iframe> </iframe>

หากการเชื่อมต่อในหน้าเว็บ C ถูกตั้งค่าเป็น target = _parent ให้ลบหน้าเว็บ B และฝังหน้าลิงค์โดยตรงในหน้าเว็บ C;

หาก target = _top ในหน้าเว็บ C เฟรม iframe ทั้งหมดจะถูกกระโดดโดยตรงและหันไปยังหน้าเชื่อมโยงโดยตรงใน C

_top เปิดเอกสารที่เชื่อมโยงในหน้าต่างเบราว์เซอร์ทั้งหมดปัจจุบันดังนั้นจึงลบเฟรมทั้งหมด

บทบาทของการเชื่อมโยงสมอบน SEO

ลิงก์ภายนอกได้รับการยกย่องว่าเป็นหนึ่งในแกนหลักของการเพิ่มประสิทธิภาพกลไกค้นหา ด้วยเหตุนี้ลิงก์ภายนอกทุกรูปแบบจึงปรากฏขึ้นและลิงก์ภายนอกทั้งหมดไม่ได้มีผลต่อ SEO

ลิงค์ภายนอกที่เขียนโดย JS นั้นไม่ถูกต้องสำหรับ SEO

เครื่องมือค้นหามีความเต็มใจที่จะรับรู้ JavaScript น้อยกว่าซึ่งทั้งหมดนี้เข้าใจง่าย

 <a href =# onclick = this.href = 'https: //www.vevb.com/'> ลิงก์ดังกล่าวไม่ถูกต้องสำหรับ seo </a> <a href =# onclick = window.open ('https://ww.vevb.com/'

ลิงค์ rel = nofollow นั้นไม่ถูกต้องสำหรับ SEO

หากคุณพบว่าเว็บไซต์ของอีกฝ่ายได้เพิ่มแอตทริบิวต์ rel = nofollow ไปยังลิงค์ของคุณเมื่อเปลี่ยนลิงก์กับเว็บไซต์ของคนอื่นผ่านซอร์สโค้ดนั่นหมายความว่าลิงค์นี้ไม่ได้ถูกรวบรวมข้อมูลโดยเครื่องมือค้นหา

 <a href = https: //www.vevb.com/ rel = nofollow> ลิงก์ดังกล่าวไม่ถูกต้องสำหรับ seo </a> <meta name = เนื้อหาหุ่นยนต์ = nofollow/> <a href = https: //www.vevb.com/> หากมีการค้นหาข้างต้น ไม่ถูกต้องสำหรับ SEO </a>

ลิงก์เหมือนกับสีพื้นหลังสำหรับ SEO

Google Search เปิดตัวอัลกอริทึมใหม่เพื่อโจมตีลิงก์ภายนอกที่มีสีเดียวกับของปักกิ่งและลิงก์ภายนอกนี้ถือว่าเป็นลิงค์สีดำ

 <style type = text/css> #vgtlink {background: #fff} #vgtlink {background: #fff} </style> <div id = vgtlink> <a href = https: //www.vevb.com/ id = vgtlink> ลิงก์ดังกล่าว href = https: //www.vevb.com/ style = background: #FFF> ลิงก์ดังกล่าวยังไม่ถูกต้องสำหรับ SEO </a>