SEO التقني للمطورين: Schema Markup و Meta Tags وسرعة الموقع

مقدمة

تحسين محركات البحث التقني هو حيث تلتقي الهندسة بالتسويق. كمطورين، لدينا سيطرة مباشرة على العوامل التقنية التي تحدد ظهور البحث. يغطي هذا الدليل ما يهم أكثر.

قابلية الزحف والفهرسة

تكوين Robots.txt

User-agent: *
Allow: /
Disallow: /api/
Disallow: /admin/

Sitemap: https://example.com/sitemap.xml

إنشاء خريطة الموقع XML

async function generateSitemap(): Promise<string> {
  const pages = await getPublishedPages();
  const posts = await getPublishedPosts();
  
  const urls = [
    { loc: 'https://example.com/', changefreq: 'daily', priority: 1.0 },
    ...posts.map(post => ({
      loc: `https://example.com/blog/${post.slug}`,
      lastmod: post.updatedAt.toISOString(),
      changefreq: 'monthly',
      priority: 0.6,
    })),
  ];

  return `<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
${urls.map(url => `<url><loc>${url.loc}</loc></url>`).join('\n')}
</urlset>`;
}

البيانات المهيكلة (Schema.org)

مخطط المنظمة والموقع

function OrganizationSchema() {
  const schema = {
    '@context': 'https://schema.org',
    '@type': 'Organization',
    name: 'اسم الشركة',
    url: 'https://example.com',
    logo: 'https://example.com/logo.png',
    sameAs: [
      'https://twitter.com/company',
      'https://linkedin.com/company/company',
    ],
  };

  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
    />
  );
}

مخطط المقال

function ArticleSchema({ article }) {
  const schema = {
    '@context': 'https://schema.org',
    '@type': 'TechArticle',
    headline: article.title,
    description: article.description,
    datePublished: article.publishedAt,
    author: {
      '@type': 'Person',
      name: article.author.name,
    },
  };

  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
    />
  );
}

بنية URL

هيكل URL نظيف

// أنماط URL جيدة
const goodUrls = [
  '/blog/technical-seo-guide',
  '/services/web-development',
];

function generateSlug(title: string): string {
  return title
    .toLowerCase()
    .replace(/[^a-z0-9\s-]/g, '')
    .replace(/\s+/g, '-')
    .replace(/-+/g, '-');
}

علامات Meta

function SEOMeta({ page }) {
  return (
    <Helmet>
      <title>{page.title} | اسم الموقع</title>
      <meta name="description" content={page.description} />
      
      <meta property="og:title" content={page.title} />
      <meta property="og:description" content={page.description} />
      <meta property="og:image" content={page.image} />
      
      <meta name="twitter:card" content="summary_large_image" />
    </Helmet>
  );
}

الخلاصة

نجاح تحسين محركات البحث التقني يتطلب:

1. قابلية الزحف: robots.txt مناسب وخرائط موقع XML
2. قابلية الفهرسة: عناوين URL قانونية وإعادات توجيه مناسبة
3. البيانات المهيكلة: ترميز Schema.org للنتائج الغنية
4. بنية URL: عناوين نظيفة ووصفية وهرمية
5. علامات Meta: بيانات وصفية شاملة ودقيقة

تحسين محركات البحث التقني ليس مهمة لمرة واحدة - يتطلب مراقبة وصيانة مستمرة.