تقنيات سيو للموبايل – سيو البرنامج التعليمي 14

الجزء الثاني

ابلاغ محركات البحث

يجب التأكد ان جوجل ومحركات البحث الاخرى قد فهمت تشكيل الموبايل , والاهم من ذلك ان جوجل فهم صفحات موقعك بحيث يمكنه تصنيف موقعك بالشكل الصحيح .

لكن كيف يتم ابلاغ جوجل ان تم تغير موقعك ليناسب الموبايل ؟

في حالة اذا كان موقعك لديه تصميم استجابة , فهذا يساعد خوارزميات جوجل في فهم موقعك تلقائيا دون الحاجة الى ابلاغ جوجل .

لكن كيف اعرف ان موقعي لديه تصميم استجابة ؟

عندما تجد العلامة الوصفية (meta-tag) التالية في اعلى صفحة موقعك

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

 

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

اذا تم عمل موقعك بشكل ديناميكي تاكد من السماح لجوجل في العثور على التهيئة باستخدام   Vary HTTP   في اعلى الصفحة .  

Vary: User-Agent

 

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

في حال انك ترغب في المحافظة على عناوين منفصلة , على سبيل المثال example.com   m.example.com  بعد ذلك يمكنك ابلاغ جوجل بإضافة رابط خاصrel=alternate

في اصدار سطح المكتب والعكس بالعكس كما يلي :

Desktop page should have following in its header:<link rel=”alternate” media=”only screen and (max-width: 640px)”href=”http://m.example.com” >Mobile page should have following in its header:<link rel=”canonical” href=”http://www.example.com” >

 

تجنب الأخطاء الشائعة

 

من اجل تحسين موقعك للموبايل , يجب عليك ان تتجنب ارتكاب الاخطاء التالية :

 

• بطء صفحات الموبايل – شبكات الموبايل ابطأ من شبكات الانترنت اللاسلكية , ولذلك فيجب عليك الاهتمام بكيفية تسريع تحميل صفحات موقعك على الموبايل . قم باستخدام سيو الموبايل لمعرفة سرعة صفحة موقعك على الموبايل , تقدم جوجل عددا من الادوات الجيدة التي يمكنك استخدامها .

https://www.google.com/webmasters/tools/mobile-friendly/   

 

 

• لا تحجب CSS و JavaScript    _ توصي جوجل بالاستخدام الضمني CSS   و JavaScript   للمواقع الصديقة  للموبايل بحيث يمكن تحميلها مع المحتوى . اذا لم يكن لديك الكثير من CSS  فحاول ان تضبطه داخل نفس الوسم , لكن اذا كنت تستخدم الكثير من CSS  في ملفات منفصله فيجب عليك ادراجه في الجزء الاسفل لكي لا يقوم بعرقلة المحتويات الاخرى  التي يتم تحميلها .ونفس القاعدة تنطبق على JavaScript  فيمكن وضعه داخل الصفحة نفسها او اسفل الصفحة . يجب تجنب وضع CSS , JavaScript   في اعلى الصفحة .
• <scriptasynctype=”text/javascript”src=”jquery.js”></script>

 

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

 

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

 

ادوات مفيدة

 

هذه بعض الادوات المفيدة التي يمكنك استخدامها لانشاء موقع صديق للموبايل :

• Google Webmaster Tools

قم باستخدام أدوات وتقنيات جوجل لفهم ما يجب عليك القيام به لإنشاء موقع يدعم الكمبيوتر  وكذلك موقع يدعم الموبايل .

 

• Mobile Emulator

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

• Moz Local

تستخدم هذه الأداة للتأكد من السيو الداخلي في الخدمة .

• Responsive Web Design Testing Tool

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

• Screaming Fro

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

• User Agent Switcher

هذه إضافة على فايرفوكس , توضح لك كيف يظهر موقعك عند الوصول إليه من قبل مستخدم اخر  .

 

تقنيات سيو للموبايل – الجزء الاول