كل ما تحتاج لمعرفته حول JavaScript SEO

اسأل أي مبرمج وسيخبرك برأيه في JavaScript.

منذ إصدارها ، كانت JavaScript (JS) هي لغة البرمجة الأكثر شيوعًا التي يستخدمها مطورو الويب في جميع أنحاء العالم. أظهر استطلاع حديث أجراه Stack Overflow بين مطوري الويب أن JavaScript هي لغة البرمجة الأكثر تفضيلًا لمدة ثماني سنوات متتالية.

تتيح JS لمطوري الويب إنشاء تطبيقات ويب واسعة النطاق بسهولة. لديه قدرة استثنائية على تحديث الصفحات ديناميكيًا وجعلها أكثر تفاعلية. علاوة على ذلك ، فإن أطر عمل JavaScript مثل AngularJS و ReactJS و Vue و NodeJS تقلل بشكل كبير من مقدار الوقت والجهد اللازمين لتطوير المواقع المستندة إلى JS. لا عجب في أن JavaScript تشكل أساس 96 بالمائة من مواقع الويب على مستوى العالم.

ومع ذلك ، يبدو أن المواقع المستندة إلى JS لديها علاقة حب وكراهية مع Google. يمكن لـ JavaScript التحكم وتعديل HTML بسهولة لجعل صفحات الويب ديناميكية وتفاعلية ، وبالتالي تحسين تجربة المستخدم للموقع. ومع ذلك ، تجد محركات البحث صعوبة في التعامل مع JS ، مما يجعل معظم محتوى JavaScript غير مفهرس.

دعنا نتعمق قليلاً في سبب جعل JavaScript مهمة Google أكثر صعوبة وما يمكنك القيام به لجعل محتوى JS الخاص بك سهل الاستخدام.

كيف تؤثر جافا سكريبت على تحسين محركات البحث؟

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

محركات البحث لها حدودها عند عرض صفحات الويب التي تحمل محتوى JavaScript. يُجري Google عملية زحف أولية إلى الصفحة ويفهرس ما يعثر عليه. عند توفر الموارد ، تعود الروبوتات إلى عرض JS على تلك الصفحات. هذا يعني أن المحتوى والروابط التي تعتمد على JavaScript تتعرض لخطر عدم رؤيتها من قبل محركات البحث ، مما قد يضر بـ SEO الخاص بالموقع.

مصدر

ومع ذلك ، تعرف Google أن JavaScript موجود لتبقى! نتيجة لذلك ، خصص محرك البحث العملاق الكثير من موارده لمساعدة محترفي البحث على تحسين مواقعهم المستندة إلى JS.

تحقق من سلسلة الفيديو هذه على JavaScript SEO من Google والتي يمكن أن تساعد في جعل محتوى JS الخاص بك أكثر قابلية للاكتشاف عبر الإنترنت.

يحتاج خبراء تحسين محركات البحث (SEO) إلى مناقشة صفحات الويب المستندة إلى JS بتنسيق يحظى بتقدير Google. مع القليل من الفهم لكيفية معالجة محركات البحث لمحتوى JS ، يمكن جعل JavaScript و SEO يعملان معًا لتعزيز ترتيب موقعك.

كيف تقوم محركات البحث بمعالجة JavaScript؟

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

مصدر

زحف

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

بادئ ذي بدء ، فإن روبوتات Google تضع الصفحات في قائمة انتظار الزحف والعرض. تستخدم الروبوتات وحدة التحليل لجلب الصفحات ، وتتبع الروابط الموجودة على الصفحات ، والعرض حتى نقطة يتم فيها فهرسة الصفحات. لا تقوم الوحدة بعرض الصفحات فحسب ، بل تقوم أيضًا بتحليل الكود المصدري واستخراج عناوين URL في مقتطفات <a href="………….

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

استدعاء

تسمى عملية عرض المحتوى والقوالب والميزات الأخرى للموقع للمستخدم بالعرض. يوجد عرض من جانب الخادم وعرض من جانب العميل.

العرض من جانب الخادم (SSR)

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

بمعنى آخر ، عندما يصل مستخدم أو روبوت إلى الموقع ، فإنهم يتلقون المحتوى على هيئة ترميز HTML. يساعد هذا عادةً مُحسّنات محرّكات البحث حيث لا يتعين على Google عرض JS بشكل منفصل للوصول إلى المحتوى. SSR هي طريقة العرض التقليدية وقد تكون مكلفة عندما يتعلق الأمر بالنطاق الترددي.

التقديم من جانب العميل

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

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

تظل الصفحات في قائمة انتظار التجسيد لبضع ثوانٍ ، ولكنها قد تستغرق بعض الوقت ، اعتمادًا على كمية الموارد المتاحة.

مصدر

بمجرد أن تسمح الموارد ، تقوم خدمة عرض الويب من Google (WRS) بعرض الصفحات وتحليلها وتجميعها وتنفيذ جافا سكريبت على الصفحة. يحلل الروبوت HTML المعروض للروابط مرة أخرى ويضع عناوين URL في قائمة الانتظار التي يعثر عليها للزحف. يتم استخدام HTML المقدمة لفهرسة الصفحة.

الفهرسة

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

كيفية تحسين JavaScript لتحسين محركات البحث

عندما يتم تطبيق JavaScript بشكل غير صحيح ، يمكن أن تدمر مُحسنات محركات البحث الخاصة بك. اتبع أفضل ممارسات Javascript SEO لتحسين ترتيب موقعك.

كن مثابرًا على جهود تحسين محركات البحث على الصفحة

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

أيضًا ، من الجيد أن يكون لديك بنية عنوان URL صديقة لكبار المسئولين الاقتصاديين. في حالات قليلة ، تنفذ مواقع الويب تغيير pushState في عنوان URL ، مما يربك Google عندما تحاول العثور على العنوان الأساسي. تأكد من التحقق من عناوين URL لمثل هذه المشكلات.

تأكد من ظهور JavaScript في شجرة DOM

يعمل عرض JavaScript عندما يتم تحميل DOM للصفحة بشكل كافٍ. يوضح DOM أو نموذج كائن المستند بنية محتوى الصفحة وعلاقة كل عنصر بالآخر. يمكنك العثور عليه في "فحص العنصر" بالمتصفح في كود الصفحة. DOM هو أساس الصفحة التي يتم إنشاؤها ديناميكيًا.

إذا كان من الممكن رؤية المحتوى الخاص بك في DOM ، فمن المحتمل أن يتم تحليل المحتوى الخاص بك بواسطة Google. سيساعدك التحقق من DOM على تحديد ما إذا كان يتم الوصول إلى صفحاتك بواسطة روبوتات محرك البحث أم لا.

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

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

تجنب منع محركات البحث من الوصول إلى محتوى JS

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

في بعض الأحيان ، قد يتم حظر مضيف الموقع عن غير قصد ، مما يمنع Google من رؤية محتوى JS. على سبيل المثال ، إذا كان موقعك يحتوي على عدد قليل من المجالات الفرعية التي تخدم أغراضًا مختلفة ، فيجب أن يكون لكل منها ملف robots.txt منفصل لأنه يتم التعامل مع المجالات الفرعية كموقع ويب منفصل. في مثل هذه الحالة ، تحتاج إلى التأكد من عدم حظر أي من توجيهات robots.txt هذه لمحركات البحث من الوصول إلى الموارد اللازمة للعرض.

استخدم رموز حالة HTTP ذات الصلة

تستخدم برامج الزحف من Google رموز حالة HTTP لتحديد المشكلات عند الزحف إلى الصفحة. لذلك ، يجب عليك استخدام رمز حالة ذي معنى لإعلام الروبوتات إذا كان يجب عدم الزحف إلى الصفحة أو فهرستها. على سبيل المثال ، يمكنك استخدام حالة 301 HTTP لإخبار الروبوتات أن الصفحة قد انتقلت إلى عنوان URL جديد ، مما يسمح لـ Google بتحديث فهرسها وفقًا لذلك.

راجع قائمة رموز حالة HTTP هذه واعرف متى يجب استخدامها:

مصدر

إصلاح المحتوى المكرر

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

إصلاح المحتوى والصور ذات التحميل البطيء

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

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

استخدم أدوات JS SEO

هناك عدد كبير من الأدوات المتاحة التي يمكن أن تساعدك في تحديد المشكلات المتعلقة برمز JavaScript وحلها. فيما يلي بعض الأشياء التي يمكنك استخدامها لصالحك.

• ميزة فحص URL. تم العثور على هذه الأداة في Google Search Console. يمكن أن يوضح لك ما إذا كانت برامج زحف Google قادرة على فهرسة صفحاتك أو الزحف إليها أم لا.
• زواحف محرك البحث. تسمح لك هذه الأدوات باختبار ومراقبة كيفية زحف محركات البحث إلى صفحاتك بشكل فعال.
• رؤى سرعة الصفحة. تشارك أداة Page Speed ​​Insights من Google تفاصيل حول أداء موقعك وتقدم توصيات حول كيفية تحسينه.
• الموقع: الأمر. تساعدك هذه الأداة في معرفة ما إذا كان Google قد قام بفهرسة المحتوى الخاص بك بشكل صحيح أم لا. كل ما عليك فعله هو إدخال هذا الأمر على Google - الموقع: [عنوان URL لموقع الويب] "مقتطف نصي أو استعلام"

تحديات JavaScript SEO

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

1. ملفات جافا سكريبت و CSS غير المصغرة

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

2. استخدام التجزئة في عناوين URL

هل تتذكر ما قاله جون مولر عن عناوين URL السيئة في حدث تحسين محركات البحث؟

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

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

www.example.com/#/about - لنا أو

www.example.com/about#us

3. عدم التحقق من بنية الارتباط الداخلية

تتطلب Google روابط <a href> مناسبة للعثور على عناوين URL على موقعك. أيضًا ، إذا تمت إضافة الروابط إلى DOM بعد النقر على زر ، فستفشل الروبوتات في رؤيتها. يفقد معظم مشرفي المواقع هذه النقاط ، مما يتسبب في معاناة مُحسنات محركات البحث لديهم.

احرص على توفير رابط "href" التقليدي ، مما يجعله في متناول الروبوتات. تحقق من الروابط الخاصة بك باستخدام أداة تدقيق موقع الويب ، SEOprofiler لتحسين بنية الارتباط الداخلية لموقعك.

تحقق من هذا العرض التقديمي بواسطة Tom Greenway أثناء مؤتمر Google I / O للحصول على إرشادات حول بنية الارتباط المناسبة:

استنتاج

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

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