هل تستخدم علاقات الارتباط بشكل شائع (سمات "rel")؟

Question

أنا حريص على التحرك نحو نهج تطوير الويب القائم على المعايير ، ويمكن الوصول إليه بشكل دلالي. في المكتب ، لا أتوقع أن تكون هناك تغييرات ضخمة على الفور ، لكنني أحاول البدء في وضع بعض المؤسسات الأساسية للتقدم في أسفل المسار.

جزء من هذه العملية هو إدخال rel تنسب في الروابط وغيرها من المحتوى. هذا يمتد إلى أبعد من القديم المألوف

<link href="mystyles.css" type="text/css" rel="stylesheet" />

الذي ربما يرميه العديد من المطورين دون التفكير في الأمر. أشعر بالفضول لمعرفة ما إذا كان أي شخص يستخدم rel بانتظام بطرق أخرى. على سبيل المثال ، أعد رابط التنقل الرئيسي إلى الصفحة الرئيسية مع rel="start".

إذا قمت بتطبيق علاقات الارتباط في مشروعك ، فما الذي دفعك إلى تبنيها وما هي الفوائد التي تحاول إدراكها؟

إذا نظرت إلى علاقات الارتباط ولكن قررت عدم استخدامها ، فما هو الأساس لقرارك؟

Answer 1

كثيرا ما أستخدم rel (و rev) سمات مع مجموعة واسعة من القيم على كليهما <link/> و <a/> عناصر.

لقد أوضحت بعض أنواع العلاقات الأكثر شيوعًا (وأكثر فائدة) أدناه. قائمة أكثر اكتمالا من rel يتم الحفاظ على القيم على microformats ويكي.

HTML 4

هناك العديد من أنواع الارتباطات القياسية المحددة بواسطة مواصفات HTML 4.

• alternate - يستخدم عند توفير رابط لإصدار بديل من مستند HTML ، على سبيل المثال بلغة مختلفة أو تنسيق آخر. يتم استخدام هذا بشكل شائع عند الارتباط بإصدار مشترك (RSS أو ATOM) لموقع الويب.
• next و previous - تستخدم للإشارة إلى المستندات التالية والسابقة في سلسلة من المستندات. إذا rel="next" يستخدم على أ <link/> العنصر ثم بعض المتصفحات ستقدم محتويات المستند المرتبط (انظر ارتباط MDC مسبقا بإجراء الأسئلة الشائعة).

XFN

XFN (شبكة أصدقاء XHTML) microformat تستخدم لوصف العلاقات بين الأشخاص الذين تمثلهم صفحات الويب. كما يتيح للصفحة الإشارة إلى صفحات أخرى تمثل نفس الشخص (على سبيل المثال مدونتي ، ملف تعريف Twitter الخاص بي وملف الشخصي في التدفق الخاص بي ، تمثل كل شيء). يفعل كل هذا من خلال تحديد مجموعة من rel القيم:

• me - تستخدم للإشارة إلى أن صفحة الارتباط والصفحة المرتبطة تمثل نفس المستخدم. يتم اعتماد هذا على نطاق واسع من قبل العديد من المواقع الاجتماعية (بما في ذلك سعة مكدس) عند الارتباط من ملف تعريف المستخدم إلى موقع الويب الخاص بالمستخدم.
• contact, aquantance و friend - يشير إلى أنك تعرف الشخص الذي تربطه ومدى معرفتك جيدًا.
• met - يشير إلى أنك قابلت الشخص الذي تربطه.
• co-worker و colleague - أشر إلى أنك إما تعمل مع أو تعمل في نفس الحقل مثل الشخص الذي تربطه.
• co-resident و neighbor - أشر إلى أنك تعيش مع أو بالقرب من الشخص الذي تربطه.
• child, parent, sibling, spouse و kin - تشير إلى أنك تربط مع أحد أفراد عائلتك.
• muse, crush, date و sweetheart - أشر إلى علاقة رومانسية مع الشخص الذي تربطه.

يمكن تحليل هذه العلاقات واستخدامها لتحديد المعلومات حول المستخدم ، مثل من هم أصدقاؤهم أو الملامح الأخرى التي يمتلكونها. لمزيد من المعلومات حول المستقبلات الحالية والمحتملة ، قد تكون تطبيقات هذه الصفحات التالية ذات أهمية:

• مقالة بن وارد حول الشبكات الاجتماعية المحمولة.
• القائمة ل تطبيقات XFN على microformats ويكي.

آخر

هناك العديد من أنواع الارتباطات الأخرى المحددة بواسطة مواصفات مختلفة:

• nofollow - تستخدم للإشارة إلى أن محركات البحث يجب ألا تتبع رابطًا عند الزحف إلى صفحة ويب. انظر مواصفات rel-nofollow.
• canonical - يستخدم للإشارة إلى أن عنوان URL آخر هو الإصدار الكنسي للصفحة الحالية ، وبالتالي ينبغي تفضيله من قبل محركات البحث. يستخدم هذا أيضًا مع rev سمة للإشارة إلى عنوان URL بديل ، عادةً ما يكون أقصر للصفحة الحالية (أي rev="canonical" يشير إلى أن عنوان URL الحالي هو الإصدار الكنسي لعنوان URL المرتبط). يمكن العثور على مزيد من المعلومات والأدوات في إدخال مدونة سيمون ويليسون على القس = الكنسي.
• tag - تستخدم للإشارة إلى أن الصفحة المرتبطة هي علامة (أي الكلمة الرئيسية) التي تصف صفحة الارتباط. انظر مواصفات REL-TAG.
• license - يستخدم للإشارة إلى الترخيص الذي يتم بموجبه إصدار محتوى صفحة الارتباط. انظر مواصفات الترخيص.

Answer 2

أستخدم Rel = "Nofollow" للمستخدم روابط في تعليقات المدونة. لن تتبع Google الرابط ولن تحصل على رتبة أعلى في الصفحة بسبب الرابط.

Answer 3

شيء واحد استخدمته له هو وسيلة لتعيين الروابط الخارجية التي يجب فتحها في نافذة جديدة. هذه الوظيفة غير ممكنة مع XHTML الصارم ، لأن target لم يعد السمة مسموحًا بها <a> العلامات. ولكن مع بعض جافا سكريبت و rel السمة يمكنك القيام بعمل لائق جدا ، كما هو موضح في هذه المقالة: روابط النوافذ الجديدة في عالم متوافق مع المعايير.

Answer 4

كما قال تشاد, ، أنا أستعمل rel="external" لتعيين روابط أود أن أفتحها في نافذة جديدة (الاستفادة من بعض jQuery لجعلها ممكنة).

أنا كذلك أستعمل rel="nofollow" عندما أرغب في جعل الروبوتات التي تتبع القواعد (مثل Google Bot) لا فهرسة الرابط الخاص بي.

إنه مفيد على مواقع الويب العامة لإضافة Nofollow تلقائيًا ، وإلا فقد يصبح الأمر مغريًا لمرسوم البريد العشوائي لإثبات مزرعة Link من تعليقات المدونة الخاصة بك ، على سبيل المثال.