العمل باستخدام محتوى العنوان للصفحات

تاريخ آخر تحديث 27 أبريل 2021

قم بعرض المحتوى وتحريره في صفحة ويب Dreamweaver، وتعيين خصائص بيانات التعريف وعنوان الصفحة، وحدد الكلمات الأساسية والأوصاف لصفحة ما، والمزيد.

تحتوي الصفحات على عناصر تصف المعلومات الموجودة في الصفحة، والتي تُستخدم بواسطة متصفحات البحث. يمكنك ضبط خصائص عناصر head للتحكم في كيفية تحديد صفحاتك.

عرض محتوى العنوان وتحريره

يمكنك عرض العناصر في قسم head‎ من المستند باستخدام طريقة العرض Code، أو باستخدام Code inspector.

إدراج عنصر في قسم "head" من مستند

حدد العلامة head من Insert > HTML.

أدخل الخيارات للعنصر في مربع الحوار الذي يظهر، أو في Property inspector.

تحرير عنصر في قسم head من مستند

يمكنك تحرير عناصر Head من خلال الكتابة في التعليمة البرمجية مباشرة في طريقة العرض Code، أو في Property Inspector.

لتحرير العناصر في القسم head باستخدام Property Inspector:

حدد عنصر head في اللوحة DOM (Window > اللوحة DOM). 

يعرض Property Inspector الخصائص للعنصر المحدد.

حدد أو عدّل خصائص العنصر في مفتش الخصائص.

حدد خصائص meta للصفحة

علامة meta هي عنصر head يسجل معلومات حول الصفحة الحالية، مثل ترميز الأحرف أو المؤلف أو حقوق النشر أو الكلمات المفتاحية. يمكن أيضاً استخدام هذه العلامات لإعطاء معلومات للخادم، مثل تاريخ انتهاء الصلاحية وفترة التحديث وتقييم POWDER للصفحة. (POWDER، وهو البروتوكول لموارد وصف الويب، يوفر طريقة لتعيين التقييمات، مثل تقييمات الأفلام، لصفحات الويب.)

إضافة علامة أولية

حدد Insert > HTML > Meta.

حدد الخصائص في مربع الحوار الذي يظهر.

تحرير علامة أولية موجودة

يمكنك تحرير عناصر meta من خلال الكتابة في التعليمة البرمجية مباشرة في طريقة العرض Code، أو في Property Inspector.

لتحرير العناصر في القسم meta باستخدام Property Inspector:

حدد عنصر head في اللوحة DOM (Window > اللوحة DOM). 

يعرض Property Inspector الخصائص للعنصر المحدد.

حدد علامة meta من اللوحة DOM.

حدد الخصائص في عارض الخصائص.

Attribute

يحدد ما إذا كانت علامة meta تحتوي على معلومات وصفية حول الصفحة (name) أو معلومات HTTP header (http-equiv).

Value

يحدد نوع المعلومات التي تقدمها في هذه العلامة. بعض القيم، مثل description وkeywords وrefresh، محددة جيداً مسبقاً (ولديها Property inspectors فردية خاصة بها في Dreamweaver)، لكن يمكنك تحديد أي قيمة عملياً (على سبيل المثال، creationdate أو documentID أو level).

المحتوى

لتحديد المعلومات الفعلية. على سبيل المثال، إذا حددت level للقيمة، فقد تحدد beginner أو intermediate أو advanced للمحتوى.

تعيين عنوان الصفحة

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

  • تحرير العنوان في التعليمة البرمجية مباشرة (في طريقة العرض Code)
  • حدد علامة العنوان في اللوحة DOM، وقم بتحرير العنوان في Property Inspector

تحديد كلمات أساسية للصفحة

العديد من روبوتات محركات البحث (البرامج التي تتصفح الويب تلقائياً لجمع المعلومات لفهرستها) تقرأ محتويات علامة Keywords meta وتستخدم المعلومات لفهرسة صفحاتك في قواعد بياناتها.لأن بعض محركات البحث تحدد عدد الكلمات المفتاحية أو الأحرف التي تفهرسها، أو تتجاهل جميع الكلمات المفتاحية إذا تجاوزت الحد، من الجيد استخدام عدد قليل من الكلمات المفتاحية المختارة بعناية.

إضافة علامة Keywords أولية

حدد Insert > HTML > Keywords.

حدد الكلمات المفتاحية، مفصولة بفواصل، في مربع الحوار الذي يظهر.

تحرير علامة Keywords أولية

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

  • تحرير الكلمة الأساسية في التعليمة البرمجية مباشرة (في طريقة العرض Code)
  • حدد علامة meta للكلمة الأساسية في اللوحة DOM، وقم بعرض الكلمات الأساسية أو تعديلها أو حذفها في Property Inspector.
ملاحظة

يجب فصل الكلمات الأساسية بفواصل.

تحديد أوصاف للصفحة

العديد من روبوتات محركات البحث (البرامج التي تتصفح الويب تلقائياً لجمع المعلومات لفهرستها بواسطة محركات البحث) تقرأ محتويات علامة Description meta.بعضها يستخدم المعلومات لفهرسة صفحاتك في قواعد بياناتها، وبعضها أيضاً يعرض المعلومات في صفحة نتائج البحث (بدلاً من عرض الأسطر القليلة الأولى من مستندك). بعض محركات البحث تحدد عدد الأحرف التي تفهرسها، لذا من الجيد تحديد وصفك بكلمات قليلة (على سبيل المثال، خدمات شواء لحم الخنزير في Albany, Georgia، أو تصميم ويب بأسعار معقولة للعملاء في جميع أنحاء العالم).

إضافة علامة Description أولية

حدد Insert > HTML > Description.

أدخل نصًا وصفيًا في مربع الحوار الذي يظهر.

تحرير علامة Description أولية

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

  • تحرير الوصف في التعليمة البرمجية مباشرة (في طريقة العرض Code)
  • حدد علامة meta للوصف في اللوحة DOM، ثم قم بتحرير الوصف في Property Inspector.

حدد خصائص التحديث للصفحة

استخدم عنصر Refresh لتحديد أن المتصفح سيحدّث صفحتك تلقائياً—بإعادة تحميل الصفحة الحالية أو الانتقال إلى صفحة مختلفة—بعد فترة زمنية معينة.يُستخدم هذا العنصر غالباً لإعادة توجيه المستخدمين من عنوان URL إلى آخر، غالباً بعد عرض رسالة نصية تفيد بأن عنوان URL قد تغير.

إضافة علامة Refresh أولية

حدد Insert > HTML > Meta.

حدد الخصائص على النحو التالي في مربع الحوار المعروض:

Attribute

لتحديد أن علامة meta تحتوي على معلومات عنوان HTTP (ما يعادل http).

Value

لتحديد أن نوع المعلومات الذي تقدمه في هذه العلامة هو تحديث.

المحتوى

تحديد وقت الانتظار حتى تحديث المستعرض للصفحة بالثواني. إذا كنت ترغب في تحديث المستعرض للصفحة فور انتهاء التحميل، فأدخل 0 في هذا المربع.

تحرير علامة Refresh أولية

يمكنك تحرير علامة refresh أولية باستخدام أحد الطرق التالية:

  • تحرير الخصائص في التعليمة البرمجية مباشرة (في طريقة العرض Code)
  • حدد علامة refresh أولية في اللوحة DOM أو في التعليمة البرمجية وقم بتحرير الخصائص في Property Inspector.

تحرير علامة Base أولية

يمكنك تحرير العنصر Base المستخدم لتعيين عنوان URL الأساسي التي تعد جميع المسارات ذات الصلة بالمستند في الصفحة متصلة به.

حدد عنصر Base في لوحة DOM.

في Property inspector، حدد خصائص Base meta tag.

Href

عنوان URL الأساسي. انقر على زر Browse للتصفح وتحديد ملف، أو اكتب مساراً في المربع.

Target

يُحدد الإطار أو النافذة التي يجب أن تُفتح فيها جميع المستندات المرتبطة. حدد أحد الإطارات في مجموعة الإطارات الحالية، أو أحد الأسماء المحجوزة التالية:

  • _blank يُحمّل المستند المرتبط في نافذة متصفح جديدة وغير مُسماة.

  • _parent يُحمّل المستند المرتبط في مجموعة الإطارات الأساسية أو نافذة الإطار الذي يحتوي على الرابط. إذا لم يكن الإطار الذي يحتوي على الرابط متداخلاً، فإن هذا يُعادل _top؛ يُحمّل المستند المرتبط في نافذة المتصفح الكاملة.

  • _self يُحمّل المستند المرتبط في نفس الإطار أو النافذة كالرابط. هذا الهدف هو الافتراضي، لذا عادةً لا تحتاج إلى تحديده.

  • _top يُحمّل المستند المرتبط في نافذة المتصفح الكاملة، وبالتالي يُزيل جميع الإطارات.

يمكنك تحرير العلامة link لتعريف علاقة بين المستند الحالي وملف آخر.

ملاحظة

عنصر link في قسم head ليس نفس الشيء كرابط HTML بين المستندات في قسم body.

حدد العنصر Link في اللوحة DOM أو طريقة العرض Code.

في مفتش الخصائص، حدد خصائص عنصر Link الأساسية.

Href

عنوان URL للملف الذي تُعرّف معه علاقة.انقر فوق زر الاستعراض لتصفح وتحديد ملف، أو اكتب مساراً في المربع.لاحظ أن هذه السمة لا تُشير إلى ملف تربط إليه بالمعنى المُعتاد لـ HTML؛ العلاقات المُحددة في عنصر Link أكثر تعقيداً.

ID

لتحديد معرّف فريد للارتباط.

Title

لوصف العلاقة. هذه السمة لها أهمية خاصة لأوراق الأنماط المرتبطة؛ لمزيد من المعلومات، راجع قسم أوراق الأنماط الخارجية من مواصفات HTML 4.0 على موقع اتحاد شبكة الويب العالمية في www.w3.org/TR/REC-html40/present/styles.html#style-external.

Rel

يُحدد العلاقة بين المستند الحالي والمستند في مربع Href. القيم المُمكنة تتضمن Alternate، Stylesheet، Start، Next، Prev، Contents، Index، Glossary، Copyright، Chapter، Section، Subsection، Appendix، Help، و Bookmark. لتحديد أكثر من علاقة واحدة، افصل القيم بمسافة.

Rev

يُحدد علاقة عكسية (عكس Rel) بين المستند الحالي والمستند في مربع Href. القيم المُمكنة هي نفسها الخاصة بـ Rel.