ستساعدك المقالة التالية: تحسين محركات البحث (SEO) لمواقع الويب التي تعمل بجافا سكريبت (ملخص Google IO 18)
ربما سمعت أنه في مؤتمر Google I / O 18 الأخير ، سلطت Google بعض الضوء على تحسين محركات البحث.
قدم توم غريناواي وجون مولر من Google جلسة حول جعل مواقع الويب الحديثة التي تدعم JavaScript سهلة البحث.
لقد قاموا بالفعل بإدراج بعض أفضل الممارسات الموصى بها والأدوات المفيدة وتغيير سياسة Google.
هنا الحاجة:
بطريقة لا تشبه Google تمامًا ، ألقى الثنائي أيضًا بعض الضوء على كيفية عمل عملية الزحف والفهرسة الفعلية لمواقع جافا سكريبت.
تحقق من الفيديو هنا:
ولكن ، إذا كنت لا ترغب في قضاء 40 دقيقة في مشاهدة التسجيل.
تسكع ، لأن هنا أ ملخص سريع من النقاط الرئيسية الهامة للدورة.
مقدمة موجزة عن خلفية المقدمين …
توم غريناواي هو أحد كبار مطوري البرامج من أستراليا. بينما جون مولر (المعروف أيضًا باسم johnmu ، هل يقرع الجرس؟) ، هو محلل اتجاهات مشرفي المواقع من Google من زيورخ ، سويسرا.
كيف يعمل الزحف والعرض والفهرسة لمواقع الويب التي تدعم JavaScript؟
بدأ توم الحديث من خلال مشاركة خلفية صغيرة لمحركات البحث.
ها هي الصفقة ،
الغرض من محركات البحث هو توفير قائمة ذات صلة للإجابة على استفسارات المستخدم. يتم تجميع مكتبة من صفحات الويب حيث يتم سحب الإجابات منها.
تلك المكتبة هي الفهرس.
يبدأ إنشاء فهرس بـ a عنوان URL القابل للزحف.
الآن ، تم تصميم الزاحف للعثور على محتويات للزحف إليها.
ولكن للقيام بذلك ، يجب أن يكون المحتوى قابلاً للاسترداد عبر عنوان URL. عندما يصل الزاحف إلى عنوان URL ، فإنه يبحث في HTML لفهرسة الصفحة بالإضافة إلى العثور على روابط جديدة للزحف.
إذن كيف تتأكد من أن المحتوى الخاص بك يمكن الوصول إليه بواسطة Googlebot؟
إليك ما تحتاج إلى معرفته ، شارك توم الخطوات الست لضمان فهرسة صفحة الويب الخاصة بك.
1. تأكد من أن عنوان URL الخاص بك قابل للزحف
– قم بإعداد ملف robots.txt في نطاق المستوى الأعلى لموقعك. يعد ملف Robots.txt مفيدًا في السماح لبرنامج Googlebot بمعرفة عناوين URL التي يجب الزحف إليها وأي عناوين URL يجب تجاهلها.
2- استخدم العلامات المتعارف عليها
– في حالة مشاركة المحتوى حيث يتم توزيع المحتوى على مواقع مختلفة لزيادة العرض. يجب وضع علامة على المستند المصدر باعتباره المستند الأساسي.
3. تأكد من أن عنوان URL نظيف وفريد
– لا تسرد معلومات الجلسة على URL.
4- قدِّم ملف Sitemap لبرنامج Googlebot
– بهذه الطريقة ، يحتوي الزاحف على قائمة عناوين URL للزحف إليها ويمكنك النوم بشكل أفضل في الليل مع العلم أنه قد تم الزحف إلى موقع الويب الخاص بك بشكل صحيح.
5. استخدام التاريخ API
– يحل محل علامة التجزئة (#!) ، والتي لن تتم فهرستها إذا تم استخدامها.
6. تأكد من أن الروابط الخاصة بك تحتوي على علامات ربط بسمات HREF
– يتعرف Googlebot فقط على الروابط التي تحتوي على كل من علامات الربط وسمات HREF ، وإلا فلن يتم الزحف إليها ، وبالتالي لن يتم فهرستها مطلقًا.
ما هو أكثر أهمية هو ،
قال توم إن Google واجهت قائمة من المشكلات التي تحاول الزحف إلى مواقع الويب التي تم إنشاؤها باستخدام جافا سكريبت وفهرستها.
فيما يلي قائمة بمشكلات الوجه الأكثر شيوعًا لفهرسة مواقع الويب بجافا سكريبت
تأكد من إلقاء نظرة فاحصة عليها ، لا تريد أن تكرر نفس هذه الأخطاء.
1. إن HTML الذي يتم تسليمه من الخادم يخلو من أي محتوى …
– وهو ما يقود Googlebot إلى افتراض أنه لا يوجد شيء للفهرسة.
2. لا يمكن فهرسة صور التحميل البطيئة إلا في بعض الأحيان
– تأكد من فهرستها بشكل صحيح ، واستخدم علامة noscript أو البيانات المنظمة.
– كن حذرًا ، الصور المشار إليها فقط من خلال CSS غير مفهرسة.
3. لن تتم فهرسة أي محتويات يتم تشغيلها عبر تفاعل
-Googlebot ليس برنامجًا آليًا تفاعليًا ، مما يعني أنه لن يتنقل في النقر فوق علامات التبويب على موقع الويب الخاص بك. تأكد من أن الروبوت يمكنه الوصول إلى جميع الأشياء الخاصة بك إما عن طريق التحميل المسبق للمحتوى أو CSS تبديل الرؤية وإيقاف تشغيلها.
– ما هو أفضل ، ما عليك سوى استخدام عناوين URL منفصلة لتوجيه المستخدم و Googlebot إلى تلك الصفحات بشكل فردي.
4. تقديم مهلة
– تأكد من أن صفحتك تتسم بالكفاءة والأداء من خلال الحد من عدد الموارد المضمنة وتجنب التأخيرات المصطنعة مثل الإعلانات البينية الزمنية.
5. لا يتم دعم واجهة برمجة التطبيقات التي تخزن المعلومات المحلية.
– ما يحدث بدلاً من ذلك هو أن Googlebot يزحف إلى صفحتك ويعرضها بطريقة عديمة الحالة.
الآن ، نظرًا لتزايد انتشار استخدام JavaScript ، هناك خطوة أخرى تمت إضافتها بين الزحف والفهرسة. هذا هو التقديم.
التقديم هو بناء HTML نفسه.
كما ذكرنا من قبل ، يحتاج الزاحف إلى غربلة HTML من أجل فهرسة صفحتك. يجب عرض مواقع الويب التي تعمل بنظام JavaScript قبل فهرستها.
وفقًا لتوم وجون ، يقوم Googlebot بالفعل بعرض مواقع ويب JavaScript الخاصة بك.
ما يمكننا تحقيقه من عملية العرض وعملية الفهرسة لموقع ويب JavaScript هو على النحو التالي.
1. يستخدم Googlebot متصفح Chrome 41 للعرض
– Chrome 41 من عام 2015 وأي واجهة برمجة تطبيقات تمت إضافتها بعد Chrome 41 غير مدعومة.
2. تأجيل عرض مواقع ويب جافا سكريبت في البحث
– يعد عرض صفحات الويب عملية كثيفة الموارد ، وبالتالي قد يتأخر العرض لبضعة أيام حتى يتوفر لدى Google موارد مجانية.
3. الفهرسة على مرحلتين
– الفهرسة الأولى تحدث قبل اكتمال عملية التصيير. بعد وصول العرض النهائي سيكون هناك فهرسة ثانية.
– لا تتحقق الفهرسة الثانية من العلامة الأساسية ، لذا يجب أن تتضمن النسخة التي تم عرضها في البداية الرابط الأساسي ، وإلا سيفقدها Googlebot تمامًا.
– نظرًا لطبيعة الفهرسة على مرحلتين ، فقد تتأثر قابلية الفهرسة والبيانات الوصفية والعلامات الأساسية ورموز HTTP لصفحات الويب الخاصة بك.
يأخذ جون مولر العصا ويشاركنا بعض المعلومات الأساسية حول التصيير.
المهم هو أنه شارك مع الحشد وهي طريقة العرض المفضلة لـ Google.
جانب العميل وجانب الخادم والعرض الهجين والديناميكي.
-
1. تقديم جانب العميل
– هذه هي الحالة التقليدية التي يحدث فيها العرض على متصفح المستخدمين أو على محرك بحث.
2. تقديم جانب الخادم
– يتعامل الخادم الخاص بك مع العرض وخدمة المستخدمين ومحرك البحث على حد سواء HTML الثابت.
3. العرض الهجين (التوصية طويلة الأجل)
– يتم إرسال HTML المطروح مسبقًا إلى المستخدمين ومحرك البحث. ثم يضيف الخادم JavaScript فوق ذلك. بالنسبة لمحرك البحث ، سيقومون ببساطة باختيار محتوى HTML المعروض مسبقًا.
4. العرض الديناميكي (تغيير السياسة والطريقة المفضلة لدى Google)
– ترسل هذه الطريقة المحتويات المعروضة من جانب العميل إلى المستخدمين بينما تحصل محركات البحث على محتوى معروض من جانب الخادم.
– يعمل هذا بالطريقة التي يكتشف بها موقعك ديناميكيًا ما إذا كان طلب زاحف لمحرك البحث أم لا.
– يجب تقديم المحتويات التي تركز على الجهاز وفقًا لذلك (إصدار سطح المكتب لبرنامج زاحف سطح المكتب وإصدار الجوال لبرنامج تتبع ارتباطات الجوال).
الآن بعد أن أصبح مفتوحًا ، تفضل Google طريقة العرض الديناميكي (الجديدة) للمساعدة في الزحف إلى موقعك وعرضه وفهرسته. يقدم جون أيضًا بعض الاقتراحات حول كيفية تنفيذ العرض الديناميكي.
طرق تنفيذ العرض الديناميكي
-
1. محرك العرائس
– مكتبة Node.js ، والتي تستخدم إصدارًا بدون رأس من Google Chrome يسمح لك بعرض الصفحات على الخادم الخاص بك.
2. Rendertron
– يمكن تشغيله كبرنامج أو خدمة تعرض المحتوى الخاص بك وتخزينه مؤقتًا إلى جانبك.
كلا المشروعين مفتوح المصدر حيث التخصيص وفير.
ينصح جون بذلك أيضًا تقديم موارد واسعة النطاق، لذلك قم بذلك خارج النطاق من خادم الويب العادي الخاص بك وقم بتنفيذ التخزين المؤقت عند الحاجة.
أهم نقطة رئيسية في العرض الديناميكي هي هذا ،
لديه القدرة على التعرف على طلب محرك بحث من طلب مستخدم عادي.
ولكن كيف يمكنك التعرف على طلب Googlebot؟
يؤكد جون خلال الجلسة أن تنفيذ طرق العرض المقترحة هو أمر جيد لا من متطلبات الفهرسة.
ما يفعله ، هو أنه يجعل عملية الزحف والفهرسة أسهل لبرنامج Googlebot.
بالنظر إلى المورد المطلوب لتشغيل العرض من جانب الخادم ، قد ترغب في التفكير في الرسوم قبل التنفيذ.
إذن متى تحتاج إلى عرض ديناميكي؟
هذا ما ،
عندما يكون لديك ملف موقع كبير ويتم تحديثه باستمرار مثل بوابة الأخبار لأنك تريد أن تتم فهرستها بسرعة وبشكل صحيح.
أو عندما تعتمد على الكثير من وظائف JavaScript الحديثة التي لا يدعمها Chrome 41 ، مما يعني أن Googlebot لن يتمكن من عرضها بشكل صحيح.
وأخيرًا ، إذا كان موقعك يعتمد على وسائل التواصل الاجتماعي أو تطبيقات الدردشة التي تتطلب الوصول إلى محتوى صفحتك.
الآن دعونا ننظر إلى متى لا بحاجة إلى استخدام العرض الديناميكي.
الجواب بسيط ،
إذا كان Googlebot يستطيع ذلك فهرسة صفحاتك بشكل صحيح، لا تحتاج إلى تنفيذ أي شيء.
فكيف يمكنك معرفة ما إذا كان Googlebot يؤدي وظيفته بشكل صحيح؟
يمكنك استخدام الفحص التدريجي.
ضع في اعتبارك أنك لست بحاجة إلى إجراء اختبارات على كل صفحات الويب. اختبار ربما اثنين من كل قالب ، فقط للتأكد من أنها تعمل بشكل جيد.
إذن ، إليك كيفية التحقق مما إذا كانت صفحاتك مفهرسة أم لا
1. جلب مثل جوجل على Google Search Console بعد التحقق من الملكية ، سيُظهر لك هذا استجابة HTTP قبل أي عرض كما يستلمه Googlebot.
2. قم بتشغيل أ اختبار التوافق مع الأجهزة الجوّالة من Google.
لماذا؟
بسبب الفهرسة الأولى للجوال التي يتم طرحها بواسطة Google حيث ستكون صفحات الجوال هي التركيز الأساسي للفهرسة. إذا تم عرض الصفحات جيدًا في الاختبار ، فهذا يعني أن Googlebot يمكنه عرض صفحتك للبحث
3. ترقب الوظيفة الجديدة في اختبار الجوّال المتوافق. يعرض لك إصدار Googlebot الذي تم عرضه ومعلومات كاملة عن مشكلة الهبوط في حالة عدم عرضها بشكل صحيح.
4. يمكنك دائما التحقق من وحدة تحكم المطور عندما تفشل صفحتك في المتصفح. في وحدة تحكم المطور ، يمكنك الوصول إلى سجل وحدة التحكم عندما يحاول Googlebot عرض شيء ما. مما يسمح لك بالتحقق من مجموعة من المشكلات.
5. يمكن أيضًا تشغيل جميع التشخيصات في اختبار النتائج المنسّقة لمواقع إصدار سطح المكتب.
في نهاية الجلسة ، يذكر جون أيضًا بعض التغييرات التي ستحدث.
أول خبر سعيد ،
ستعمل Google على نقل عرض أقرب إلى الزحف والفهرسة.
وهو ما يمكننا أن نفترض أنه سيعني أن الفهرسة الثانية ستحدث أسرع بكثير من ذي قبل.
النبأ الثاني السعيد ،
جوجل سوف تجعل يستخدم Googlebot إصدارًا أكثر حداثة من Chrome. مما يعني دعمًا أوسع لواجهات برمجة التطبيقات.
لقد أوضحوا أن هذه التغييرات لن تحدث حتى نهاية العام على الأقل.
لتسهيل الأمور ، إليك أربع خطوات للتأكد من أن موقع الويب الذي يعمل بنظام JavaScript سهل البحث.
وبذلك تختتم الجلسة. تحقق من عرض الشرائح لدينا لتحديث سريع.
بشكل عام ، تأخذ Google الميكروفون وتخبرك بما تريده بالضبط.
من الأفضل أن تأخذ بعض الملاحظات.
توغل متعدد اللغات في العالم الأزرق العميق لكبار المسئولين الاقتصاديين والتسويق الداخلي مسلحًا بشغف شديد بالأحرف وسحر حول كيفية سير الأمور في شبكة الويب العالمية.
