كيف جعلت موقعي صديقا لمحركات البحث

الحمد لله الذي علَّم بالقلم، علَّم الإنسان ما لم يعلم، والصلاة والسلام على خير معلِّم الناس الخير سيدنا محمد - صلَّى الله عليه وسلم … أما بعد ،،

تحتاج العلامات التجارية إلى تحسين محركات البحث (SEO) للتواصل مع العملاء بشكل فعال وبتكلفة مناسبة، وكلما بادرت بتطبيقه مبكرًا، كانت النتائج أفضل.

يشير SEO إلى "تحسين نتائج الظهور في محركات البحث"، وهو عملية تهدف إلى زيادة عدد وجودة الزيارات لموقعك الإلكتروني من خلال النتائج المجانية (الطبيعية).

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

لماذا SEO مهم ؟

بينما يمكن أن تجذب الإعلانات المدفوعة ووسائل التواصل الاجتماعي زيارات للمواقع، تبقى محركات البحث المصدر الأهم لحركة المرور عبر الإنترنت.

تظهر نتائج البحث الطبيعية بشكل أكثر موثوقية للمستخدمين وتحقق نقرات أكثر مقارنة بالإعلانات المدفوعة.

ما يميز SEO هو قدرته على توفير زيارات مستمرة دون تكلفة مستمرة، إذا تم تحسين الموقع بشكل صحيح وتقديم محتوى قيّم يستحق الترتيب في النتائج الأولى.

الوسوم الوصفية (Meta Tags)

تعتبر الوسوم الوصفية في HTML جزءًا أساسيًا لتحسين ظهور المواقع في نتائج محركات البحث (SEO)، حيث تقدم معلومات مهمة لمحركات البحث والزوار حول محتوى الصفحة، مما يساهم في تحسين ترتيب الموقع وزيادة عدد الزيارات.

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

تستند الأمثلة العملية في هذا المقال إلى إطار العمل Nuxt، حيث تم تطوير موقعي باستخدامه، إذا لم تكن لديك خبرة سابقة فى Nuxt وترغب في تعلمه، يمكنك الرجوع إلى مقالي السابق "السلسلة الكاملة لتعلم بناء التطبيقات - مجانًا".

في Nuxt يمكنك استخدام useHead لإعداد العنوان ووصف المحتوى بسهولة، كما في المثال التالي

<script setup>
useHead({
  title: 'مدونتي التقنية - الصفحة الرئيسية',
  meta: [
    {
      name: 'description',
      content: 'مرحبًا بكم في مدونتي التقنية التي تتناول أحدث المقالات حول تطوير الويب والتقنيات الحديثة.'
    }
  ]
})
</script>

كما يمكن استخدام useSeoMeta لتحسين الـ SEO بشكل أكثر تنظيمًا، كما يلي

<script setup>
useSeoMeta({
  title: 'مدونتي التقنية - مقالات تعليمية',
  description: 'اكتشف أحدث المقالات والنصائح حول تطوير الويب والتقنيات الحديثة.',
})
</script>

بالإضافة إلى ما سبق، يمكن تعيين ogTitle،ogDescription،ogImage،ogUrl لتحسين عرض الروابط عند مشاركتها على مواقع التواصل الاجتماعي.

خريطة الموقع (Sitemap)

ملف Sitemap هو بمثابة خريطة لموقعك الإلكتروني، حيث يساعد محركات البحث في العثور على صفحات الموقع وفهرستها بسهولة.

يحدد هذا الملف أهم الصفحات التي يجب على محركات البحث مثل Google و Bing الزحف إليها وترتيبها في نتائج البحث، مما يعزز من رؤية الموقع على الإنترنت.

على الرغم من أن محركات البحث يمكنها اكتشاف معظم الصفحات إذا كانت الروابط الداخلية مرتبة بشكل جيد، فإن وجود ملف Sitemap يظل خيارًا ذكيًا، خاصةً لتحسين SEO.

تتيح الوحدة nuxtjs/sitemap إنشاء ملف Sitemap تلقائيًا في تطبيقات Nuxt بسهولة، قم بتثبيت الوحدة عبر تنفيذ الأمر التالي في سطر الأوامر

npx nuxi module add @nuxtjs/sitemap

بعد التثبيت، قم بتهيئة الوحدة داخل ملف nuxt.config.ts عن طريق إضافتها إلى قائمة modules وتخصيص الإعدادات بناءً على احتياجات موقعك، كما يلي

export default defineNuxtConfig({
  modules: ['@nuxtjs/sitemap'],
  sitemap: {
    hostname: 'https://example.com',  // Define the base URL of your site
    routes: async () => { // Generate dynamic routes from an API
      const articles = await fetch('https://example.com/api/articles')
      return articles.map((article: { slug: string }) => `/articles/${article.slug}`)
    },
    exclude: ['/admin/**'],  // Exclude sensitive pages from the sitemap
  }
})

يمكنك التحقق من نجاح الإعداد عبر زيارة /sitemap.xml في متصفحك، كما يمكن التأكد من صحة الروابط عبر الأداة Google Search Console وهي خدمة مجانية تقدمها جوجل تتيح لأصحاب المواقع مراقبة أداء مواقعهم، وإدارتها، ومعالجة المشكلات المتعلقة بظهور صفحات موقعهم في نتائج البحث على جوجل.

روابط Canonical

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

يساعد ذلك على تجنب مشكلة المحتوى المكرر، التي يمكن أن تؤثر سلبًا على ترتيب الموقع في نتائج البحث.

يمكنك بسهولة إضافة رابط Canonical في إطار العمل Nuxt باستخدام useHead، كما يلي

<script setup>
useHead({
  link: [
    {
      rel: 'canonical',
      href: 'https://example.com/page'
    }
  ]
})
</script>

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

تحسين سرعة تحميل الصفحات

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

أما إذا استغرق الموقع وقتًا طويلاً للتحميل، فقد يغادر الزوار بسرعة، مما يؤدي إلى انخفاض عدد الزيارات وتراجع ترتيب الموقع في نتائج محركات البحث.

يمكن تحسين سرعة الموقع باستخدام تقنيات حديثة مثل تنسيقات الصور المتقدمة (WebP وAVIF).

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

الاعتماد على هذه التقنيات يعزز الأداء العام للموقع ويزيد من فرص ظهوره في النتائج الأولى لمحركات البحث.

استخدام Nuxt DevTools كأداة مساعدة

سبق لي التحدث عن DevTools في مقالي السابق "6 أسباب قد تدفعك لاختيار Nuxt لتنفيذ مشروعك القادم"، وللمزيد من التوضيح هنا، تعد هذه الأداة ميزة مدمجة في إطار العمل Nuxt، تتيح للمطورين فحص إعدادات المواقع وتحسينها بسهولة أثناء عملية التطوير، مما يساعد في اكتشاف الأخطاء المحتملة وتطبيق أفضل ممارسات تحسين محركات البحث (SEO) دون تعقيد.

تساعد الأداة على التأكد من إعداد العناصر الأساسية لتحسين محركات البحث (SEO) مثل العناوين والأوصاف التعريفية والروابط الأساسية (Canonical Links) ووسوم المشاركة على وسائل التواصل الاجتماعي.

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

الخلاصة

رغم أن تحسين محركات البحث (SEO) يتطور باستمرار وقد يبدو معقدًا نظرًا لما يتطلبه من وقت وجهد لتحقيق النجاح، إلا أن نتائجه تستحق العناء.

فهو قناة تسويقية منخفضة التكلفة تساهم في تعزيز الوعي بالعلامة التجارية من خلال محتوى جذاب، ويعد جزءًا أساسيًا من أي استراتيجية تسويقية فعالة.

عزيزي الزائر،

يسعدني معرفة آرائك واقتراحاتك حول المقال، لأن ملاحظاتك تساهم في تحسين وتطوير ما أقدمه من محتوى، فضلا اترك تعليقك، وسأكون سعيداً بقراءة مقترحاتك والعمل على تقديم محتوى يلبي تطلعاتك - بإذن الله.

وفقنى الله وإياك إلى ما يحبه ويرضاه ،،