PricingLoginStart free
HTML Academy · درس

عناوين URL الأساسية وmeta robots

التحكم في الزحف وتجنب المحتوى المكرر باستخدام وسوم meta

الدرس 3 من 413 خطوة

عناوين URL الأساسية وmeta robots درس مجاني في HTML Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في HTML Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة HTML Academy 4 دروس في المجموع.

مشكلة المحتوى المكرر

قد تصل محركات البحث إلى صفحتك عبر عناوين URL متعددة:

  • http://example.com/page
  • https://example.com/page
  • https://www.example.com/page
  • https://example.com/page/ (شرطة مائلة في النهاية)
  • https://example.com/page?utm_source=newsletter

يجب على Google تحديد عنوان URL الذي ستفهرسه، وقد تفرض عقوبة بسبب المحتوى المكرر.

وسم الرابط canonical

أخبر محركات البحث بعنوان URL المفضل باستخدام rel="canonical":

<head>
  <!-- This is the canonical URL for this content: -->
  <link rel="canonical" href="https://example.com/blog/html5-guide">
</head>
<!-- No matter which URL the page is accessed from,
     this tag signals to Google which URL to index -->
<!-- Link equity is consolidated at the canonical URL -->

قواعد عنوان URL canonical

أفضل ممارسات عنوان URL canonical:

  • استخدم عنوان URL كاملًا ومطلقًا (بما في ذلك البروتوكول)
  • استخدم HTTPS إذا كان موقعك يدعمه
  • كن متسقًا: استخدم دائمًا شرطة مائلة في النهاية أو لا تستخدمها
  • ينبغي أن يحتوي كل عنصر صفحة على وسم canonical، حتى إذا كان عنوان URL هو عنوان الصفحة نفسها
<link rel="canonical" href="https://example.com/blog/html5-guide">
<!-- NOT: -->
<!-- <link rel="canonical" href="/blog/html5-guide"> relative = bad -->
<!-- <link rel="canonical" href="http://..."> HTTP on HTTPS site = bad -->

التقسيم إلى صفحات وcanonical

بالنسبة إلى المحتوى المقسم إلى صفحات، يمكن أن يشير canonical إلى الصفحة الأولى أو إلى الصفحة نفسها:

<!-- Page 2 of a blog listing: -->
<link rel="canonical" href="https://example.com/blog?page=2">
<!-- Or: consolidate all pages to the first -->
<link rel="canonical" href="https://example.com/blog">
<!-- Also useful: rel="prev" and rel="next" for paginated series -->

قيم meta robots

تحكم في سلوك محركات البحث لكل صفحة:

<meta name="robots" content="index, follow">
<!-- Default: include in index and follow links -->

<meta name="robots" content="noindex">
<!-- Don't index this page -->

<meta name="robots" content="nofollow">
<!-- Don't follow links on this page -->

<meta name="robots" content="noindex, nofollow">
<!-- Don't index AND don't follow -->

<meta name="robots" content="noarchive">
<!-- Don't show cached version in search results -->

توجيهات خاصة بـ Googlebot

استهدف برامج زحف محددة باستخدام توجيهات محددة:

<meta name="googlebot" content="noindex">
<!-- Only affects Google's crawler -->

<meta name="bingbot" content="noindex">
<!-- Only affects Bing's crawler -->

<!-- Other values: -->
<meta name="robots" content="max-snippet:50">
<!-- Limit snippet length in search results to 50 characters -->

<meta name="robots" content="max-image-preview:large">
<!-- Allow full-size image previews in Google results -->

ترويسة HTTP ‏X-Robots-Tag

يمكن أيضًا ضبط canonical وrobots عبر ترويسات HTTP (على مستوى الخادم):

# Apache .htaccess:
Header add Link "<https://example.com/page>; rel=canonical"
Header add X-Robots-Tag "noindex"

# This is more powerful because it applies to non-HTML files too
# (PDFs, images, etc.) which can't have meta tags

robots.txt مقابل meta robots

أداتان للتحكم في برامج الزحف، ولكل منهما غرض مختلف:

  • robots.txt — يتحكم في الصفحات التي يمكن لبرامج الزحف الوصول إليها (التحكم في الوصول)
  • meta robots — يتحكم فيما تفعله برامج الزحف بالصفحات التي وصلت إليها (التحكم في الفهرسة)

قد تتم فهرسة صفحة محظورة في robots.txt إذا وُجد رابط إليها من مكان آخر. أما الصفحة التي تتضمن noindex فلن تتم فهرستها بالتأكيد.

خريطة الموقع وcanonical

ينبغي أن تسرد خريطة موقعك عناوين URL canonical فقط:

<!-- sitemap.xml should list canonical URLs only: -->
<!-- https://example.com/blog/html5-guide (canonical) -->
<!-- NOT: https://www.example.com/blog/html5-guide -->
<!-- NOT: https://example.com/blog/html5-guide/ (trailing slash variant) -->

canonical ذاتي الإشارة

ينبغي أن تحتوي كل صفحة على canonical يشير إلى نفسها، حتى الصفحة الرئيسية:

<!-- On https://example.com/about (the canonical URL itself): -->
<link rel="canonical" href="https://example.com/about">
<!-- This confirms: this IS the canonical URL -->
<!-- Prevents issues if the page is embedded in an iframe or scraped -->

canonical في التجارة الإلكترونية

أنماط canonical في التجارة الإلكترونية للمنتجات ذات المتغيرات:

<!-- Product page with color filter: -->
<!-- URL: /products/widget?color=blue -->
<link rel="canonical" href="https://example.com/products/widget">
<!-- All color variants point to the main product page -->
<!-- Avoids duplicate content penalty for parameter variants -->

تحقق سريع

ما القيمة التي ينبغي أن تحتوي عليها href في وسم الرابط canonical؟

أجب عليها في الدرس التفاعلي

مراجعة: canonical وrobots

أساسيات canonical وrobots:

  • <link rel="canonical" href="full-url"> — إعلان عنوان URL المفضل
  • استخدم عناوين URL مطلقة في canonical؛ واستخدم HTTPS دائمًا
  • meta robots noindex — الاستبعاد من فهرس البحث
  • meta robots nofollow — عدم تتبع الروابط
  • robots.txt = التحكم في الوصول؛ وmeta robots = التحكم في الفهرسة
البدء مجانًا

تعلم HTML مع معلم ذكاء اصطناعي — مجانًا

اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.

الدورات
40
الدروس
159
ابدأ التعلم مجانًاعرض الدورة الكاملة

الأسئلة الشائعة

هل درس «عناوين URL الأساسية وmeta robots» مجاني؟

نعم — نص درس «عناوين URL الأساسية وmeta robots» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة HTML Academy، انتقل إلى CoddyKit PRO. تتضمن دورة HTML Academy 4 دروس في المجموع.

ماذا ستتعلم في «عناوين URL الأساسية وmeta robots»؟

التحكم في الزحف وتجنب المحتوى المكرر باستخدام وسوم meta تتمرن على HTML Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ HTML Academy؟

لا تُشترط خبرة سابقة. HTML Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.

كم من الوقت يستغرق درس «عناوين URL الأساسية وmeta robots»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس HTML Academy هذا؟

نعم. كل درس في HTML Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. العنصر title ودوره في SEO
  2. meta charset وviewport وauthor وdescription
  3. عناوين URL الأساسية وmeta robots
  4. Favicon وApple Touch Icon
← العودة إلى HTML Academy