الدليل الشامل لتحسين محركات البحث (SEO) باستخدام ووردبريس جوتنبرج

1. الإعدادات الأساسية لتحسين محركات البحث

<!-- wp:yoast-seo/breadcrumbs -->
<div class="schema-org wp-block-yoast-seo-breadcrumbs">
    <p>
        <span><a href="/">الرئيسية</a></span> » 
        <span><a href="/category/seo/">تحسين محركات البحث</a></span>
    </p>
</div>
<!-- /wp:yoast-seo/breadcrumbs -->

2. تحسين المحتوى للصفحات والمقالات

<!-- wp:heading {"level":1,"className":"seo-title"} -->
<h1 class="wp-block-heading seo-title">عنوان رئيسي محسن لمحركات البحث</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"seo-description"} -->
<p class="seo-description">وصف تعريفي يحتوي على الكلمات المفتاحية المستهدفة ويكون جذاباً للقراء</p>
<!-- /wp:paragraph -->

3. تحسين الصور

<!-- wp:image {"id":123,"sizeSlug":"large","linkDestination":"none","className":"seo-image"} -->
<figure class="wp-block-image size-large seo-image">
    <img 
        src="/wp-content/uploads/2024/01/example-image.jpg"
        alt="وصف بديل محسن للصورة يحتوي على الكلمات المفتاحية"
        class="wp-image-123"
    />
    <figcaption class="wp-element-caption">شرح توضيحي للصورة يساعد في تحسين SEO</figcaption>
</figure>
<!-- /wp:image -->

4. هيكلة المحتوى باستخدام العناوين

<!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">العنوان الرئيسي H1</h1>
<!-- /wp:heading -->

<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">عنوان فرعي رئيسي H2</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">عنوان فرعي ثانوي H3</h3>
<!-- /wp:heading -->

5. إضافة الروابط الداخلية والخارجية

<!-- wp:paragraph -->
<p>مثال على <a href="/internal-page/" class="internal-link">رابط داخلي</a> و
<a href="https://example.com" class="external-link" rel="noopener noreferrer" target="_blank">رابط خارجي</a>
للمحتوى.</p>
<!-- /wp:paragraph -->

6. إضافة المقاطع المنظمة (Schema Markup)

<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "عنوان المقال المحسن لمحركات البحث",
    "author": {
        "@type": "Person",
        "name": "اسم الكاتب"
    },
    "datePublished": "2024-01-01T08:00:00+00:00",
    "description": "وصف المقال المحسن لمحركات البحث"
}
</script>

7. إضافة الوسوم والتصنيفات

<!-- wp:post-terms {"term":"category","className":"seo-categories"} -->
<div class="wp-block-post-terms seo-categories">
    <a href="/category/seo/" rel="category">تحسين محركات البحث</a>,
    <a href="/category/wordpress/" rel="category">ووردبريس</a>
</div>
<!-- /wp:post-terms -->

<!-- wp:post-terms {"term":"post_tag","className":"seo-tags"} -->
<div class="wp-block-post-terms seo-tags">
    <a href="/tag/seo/" rel="tag">SEO</a>,
    <a href="/tag/gutenberg/" rel="tag">جوتنبرج</a>
</div>
<!-- /wp:post-terms -->

8. إضافة جدول المحتويات

<!-- wp:table-of-contents -->
<div class="wp-block-table-of-contents">
    <h2>المحتويات</h2>
    <ul>
        <li><a href="#section-1">القسم الأول</a></li>
        <li><a href="#section-2">القسم الثاني</a>
            <ul>
                <li><a href="#sub-section">قسم فرعي</a></li>
            </ul>
        </li>
    </ul>
</div>
<!-- /wp:table-of-contents -->

9. تحسين الأداء والتحميل

<!-- wp:image {"id":123,"sizeSlug":"large","loading":"lazy"} -->
<figure class="wp-block-image size-large">
    <img 
        src="/wp-content/uploads/2024/01/example.jpg"
        alt="وصف الصورة"
        class="wp-image-123"
        loading="lazy"
        width="800"
        height="600"
    />
</figure>
<!-- /wp:image -->

10. إضافة الميتا وصف

<!-- wp:yoast-seo/meta-description -->
<meta name="description" content="وصف تفصيلي للصفحة يحتوي على الكلمات المفتاحية المستهدفة ويكون جذاباً للمستخدمين. يجب ألا يتجاوز 160 حرفاً." />
<!-- /wp:yoast-seo/meta-description -->

تذكر دائماً أن تحسين محركات البحث عملية مستمرة تحتاج إلى المتابعة والتحديث المستمر.