นอกเหนือจากคุณสมบัติทั่วไปมาตรฐานของ HTML องค์ประกอบลิงค์ยังมีคุณสมบัติทางเลือกมากมาย: Charset, Href, Hreflang, Media, Rel, REV, Target, Target, Tale และ Type ในบรรดาคุณสมบัติเหล่านี้เป้าหมายจะได้รับอนุญาตให้ใช้ใน DTD สองประเภทเท่านั้นการเปลี่ยนผ่านและเฟรมและอื่น ๆ สามารถใช้ใน DTDs สามประเภทที่เข้มงวดการเปลี่ยนผ่านและเฟรม
ในบรรดาคุณสมบัติเหล่านี้คุณสมบัติ Rel เป็นแกนกลาง ในบทความนี้การออกแบบเว็บแนะนำคุณลักษณะ REL ที่คุณรู้จักและการประมวลผลองค์ประกอบลิงก์บางอย่างใน WordPress ซึ่งเหมาะสำหรับผู้เริ่มต้นที่จะเรียนรู้
การใช้แท็กลิงค์ที่พบบ่อยที่สุดคือการเรียกแผ่นสไตล์ภายนอกเช่น:
<link rel=stylesheet href=http://paranimage.com/wp-content/themes/v5/style.css type=text/css media=screen />ในกรณีที่ HREF เป็น URL ของเอกสาร เป้าหมายพิมพ์ ระบุประเภท MIME ของ URL เป้าหมายและ สื่อ ระบุว่าอุปกรณ์ใดที่จะแสดงเอกสาร
การเรียกแผ่นงานสไตล์ WebDesignerWall ต่อไปนี้ระบุสไตล์ CSS เมื่อเอกสารแสดงบนอุปกรณ์การพิมพ์:
<link rel=stylesheet href=http://www.webdesignerwall.com/wp-content/themes/wdw/print.css type=text/css media=print />คุณอาจเห็นรหัสการโทรสไตล์ชีทบนหน้าเว็บบางหน้าเช่นต่อไปนี้:
<link rel=alertnate stylesheet href=http://paranimage.com/wp-content/themes/v5/red.css type=text/css media=screen />รหัสนี้กำหนดแผ่นสไตล์ที่เปลี่ยนได้ซึ่งใช้พร้อมกันกับองค์ประกอบลิงค์แรกซึ่งเป็นครั้งแรกที่กำหนดสไตล์ที่ต้องการและสิ่งนี้จะช่วยให้ผู้ใช้สามารถเลือกสไตล์ที่ถูกแทนที่ได้ อย่างไรก็ตามการดำเนินการทดแทนนี้ต้องการเบราว์เซอร์เพื่อรองรับ แต่เบราว์เซอร์จำนวนมากเช่น IE ไม่รองรับ
ดังนั้นเมื่อใช้เว็บเพจที่แทนที่สไตล์พวกเขามักจะใช้แผ่นสไตล์บางอย่างเพื่อสลับ JS ทำให้ผู้ใช้สามารถสลับสไตล์อินเทอร์เฟซได้อย่างอิสระ ทุกคนควรได้เห็นสิ่งนี้และบางเว็บไซต์จะกำหนดหลายสีสำหรับหน้าเว็บ หากคุณมีความสนใจในผู้ใช้ WordPress คุณสามารถดาวน์โหลดการวิจัยการทดลองใช้ WordPress Treag (หรือตรวจสอบการสาธิต) ซึ่งใช้ JS อย่างง่ายและรูปแบบที่เปลี่ยนได้หลายแบบเพื่อให้ผู้ใช้เปลี่ยนรูปแบบสีของหน้าเว็บ สำหรับระดับที่สูงขึ้นเล็กน้อยคุณยังสามารถใช้ JS เพื่อเปลี่ยนสไตล์เมื่อเวลาผ่านไปเช่นสีสดใสในระหว่างวันและสีเข้มในเวลากลางคืน
หมายเหตุ : การระบุสื่อ = ทั้งหมดสำหรับสไตล์ที่ต้องการและการเพิ่มสไตล์การพิมพ์จะสอดคล้องกับมาตรฐานเว็บมากขึ้น (แม้ว่าสำหรับเว็บไซต์ทั่วไปจะมีคนไม่มากที่ต้องการพิมพ์หน้าของคุณ) ภาพ Palan ไม่มีสไตล์การพิมพ์ที่กำหนดไว้ดังนั้นฉันจะใช้เวลาในการทำในภายหลัง หมายเหตุ : ไม่ว่าจะใช้สไตล์ทางเลือกเป็นคำถามที่ควรพิจารณาหรือไม่ หากคุณเปลี่ยนโทนสีและโทนสีหลักโดยรวมยังคงไม่เปลี่ยนแปลงเป็นที่ยอมรับได้ แต่เพื่อนบางคนเช่นผู้ใช้ WordPress จะเปิดใช้งานหลายธีมที่มีสไตล์ที่แตกต่างอย่างสิ้นเชิงจากนั้นใช้ปลั๊กอินเพื่อให้ผู้ใช้เปลี่ยนได้อย่างอิสระ มันดูเท่มาก แต่คำแนะนำของฉันไม่เคยทำเช่นนั้น ไม่ต้องพูดถึงว่ามันมีผลต่อ SEO หรือไม่มันจะทำให้ผู้คนขาดการรับรู้ภาพที่แน่นอนของเว็บไซต์ของคุณสำหรับการแนะนำรายละเอียดเกี่ยวกับ ไอคอน Favicon/โปรด คุณสามารถตรวจสอบสารานุกรม Baidu (1, 2) และใช้รหัสต่อไปนี้เพื่อเรียกมัน
<link rel=shortcut icon href=http://paranimage.com/wp-content/themes/v5/images/favicon.ico type=images/x-icon/><link rel=icon href=http://paranimage.com/wp-content/themes/v5/images/favicon.png type=images/png/>ฉันยังคงสับสนเล็กน้อยเกี่ยวกับการโทรนี้ ผลการทดลองของฉันคือ:
อุปกรณ์ iPhone หรือ iPod Touch อนุญาตให้ผู้ใช้เพิ่มลิงก์ไปยังหน้าจอหลัก ใช้รหัสต่อไปนี้เพื่อระบุไอคอน Apple Touch สำหรับเว็บไซต์ของคุณ:
<link rel=apple-touch-icon href=http://paranimage.com/wp-content/themes/v5/images/apple-touch-icon.png />ขนาดของไอคอนคือรูปแบบ 57*57 PNG ถ้าไม่มันจะปรับขนาดโดยอัตโนมัติ ถ้าฉันไม่เข้าใจผิดมันไม่จำเป็นต้องกลายเป็นมุมโค้งมนที่สวยงามเช่นสไตล์ iPhone iPhone จะเปลี่ยนไอคอนโดยอัตโนมัติให้เป็นมุมโค้งโค้งตามสไตล์ของมันเช่นไอคอน Apple Touch ของ Last.fm
สำหรับผู้ใช้ในประเทศมีไม่มากนักที่ใช้ iPhone แม้ว่าจะมีมากมายเว็บไซต์ของคุณจะถูกวางไว้บนหน้าจอหลักหรือไม่? นั่นอาจไม่ใช่สิ่งที่เว็บไซต์ขนาดเล็กธรรมดาอย่างที่เราสามารถทำได้ แต่มันสนุกฉันสร้างเว็บไซต์ของฉันและเพิ่มองค์ประกอบลิงค์นี้
ด้านล่างนี้เป็นคำจำกัดความของชุดรูปแบบเริ่มต้นของ WordPress สำหรับที่อยู่ RSS2 ที่อยู่อะตอมและที่อยู่ Pingback ฉันคิดว่าหลักการเฉพาะนั้นลึกซึ้งและซับซ้อนดังนั้นฉันจะไม่ศึกษาพวกเขา อย่างไรก็ตามบล็อกของคุณต้องการมันดังนั้นดูเหมือนว่าอะตอมจะโอเค?
<link rel=alternate type=application/rss+xml title=<?php bloginfo('name'); ?> rss feed href=<?php bloginfo('rss2_url'); ?> /><link rel=alternate type=application/atom+xml title=<?php bloginfo('name'); ?> atom feed href=<?php bloginfo('atom_url'); ?> /><link rel=pingback href=<?php bloginfo('pingback_url'); ?> />หากคุณมีฟังก์ชัน <? php wp_head (); ?> ในหัวข้อของคุณองค์ประกอบลิงค์สองรายการต่อไปนี้จะปรากฏขึ้น:
<link rel=edituri type=application/rsd+xml title=rsd href=http://localhost/wordpress/xmlrpc.php?rsd /><link rel=wlwmanifest type=application/wlwmanifest+xml href=http://localhost/wordpress/wp-includes/wlwmanifest.xml />องค์ประกอบทั้งสองนี้ส่วนใหญ่ใช้สำหรับการเผยแพร่ระยะไกลเช่นการใช้โปรแกรมแก้ไขบล็อกเดสก์ท็อปเช่น Windows Live Write เพื่อเผยแพร่บทความ หากคุณไม่ต้องการฟังก์ชั่นนี้คุณสามารถลบองค์ประกอบทั้งสองนี้ได้อย่างสมบูรณ์ วิธีที่จะลบมันคือการเปิด functions.php ของธีม WordPress ของคุณและแทรกรหัสต่อไปนี้ก่อน <? php}?> หรือ?> แท็กที่ด้านล่าง:
remove_action('wp_head', 'rsd_link');remove_action('wp_head', 'wlwmanifest_link'); หมายเหตุ : คุณอาจกำลังคิดว่าตั้งแต่ <? php wp_head (); ?> ฟังก์ชั่นสร้างสองสิ่งนี้เพียงแค่ลบออก ใช่ถ้าคุณคาดหวังว่าปลั๊กอินอื่น ๆ คุณจะไม่จำเป็นต้องได้รับฟังก์ชั่นนี้ให้ลบออกGoogle, Yahoo และ Live Search ประกาศการสนับสนุนสำหรับ แอตทริบิวต์ใหม่ที่เป็นที่ยอมรับ ของลิงค์ในเดือนกุมภาพันธ์ปีนี้ด้วยฟังก์ชั่นหลักของการระบุลิงก์ที่เชื่อถือได้สำหรับหน้าเว็บเพื่อแก้ปัญหาของเนื้อหาที่ซ้ำกัน
สำหรับการแนะนำรายละเอียดเกี่ยวกับคุณลักษณะนี้โปรดดูที่ระบุกระบวนทัศน์ URL ของคุณในเว็บมาสเตอร์ Google จีน
ต่อไปนี้เป็นสองปลั๊กอินที่แนะนำให้ผู้ใช้ WordPress เพิ่มคุณสมบัตินี้ลงในส่วนหัวของคุณ: SEO ไม่มี URL ซ้ำหรือ Canonical URL ใช้งานง่าย
มีการกล่าวกันว่าเป็นการวิเคราะห์อย่างเต็มรูปแบบ แต่ในความเป็นจริงมันเป็นเพียงไม่กี่คนที่ใช้กันทั่วไปซึ่งเพียงพอสำหรับคนส่วนใหญ่ หากคุณรู้จักคุณลักษณะ REL ที่สำคัญและใช้กันทั่วไปอื่น ๆ คุณสามารถแบ่งปันได้