تقنيات محركات البحث سوف تساعدك المعرفة التقنية الأساسية على تحسين موقعك لمحركات البحث وإثبات المصداقية مع المطورين. الآن بعد أن صنعت محتوى قيمًا على أساس بحث الكلمات الرئيسية القوي، من المهم التأكد من أنه ليس قابلاً للقراءة فقط من قبل البشر، وأيضًا بواسطة محركات البحث!
لا تحتاج إلى فهم تقني عميق لهذه المفاهيم، ولكن من المهم أن تفهم ما تفعله هذه التقنيات حتى تتمكن من التحدث عنها بذكاء مع المطورين. يعد التحدث بلغة المطورين لديك أمرًا مهمًا لأنك ستحتاج على الأرجح إليهم لتنفيذ بعض التحسينات الخاصة بموقعك. من غير المحتمل أن يعطوا الأولوية لسؤالك إذا لم يفهموا طلبك أو يروا أهميته.
تحتاج تحسين تقنيات محركات البحث إلى دعم جماعي حتى تكون فعالة
من المهم أن تكون لديك علاقة وثيقة مع مطوريك حتى تتمكن من معالجة تحديات تحسين تقنيات محركات البحث من كلا الجانبين بنجاح. لا تنتظر حتى تظهر مشكلة تقنية وتسبب عواقب سلبية لتحسين محركات البحث .
بدلاً من ذلك، اعمل على تضافر جهودك بالإشتراك مع المطور في مرحلة التخطيط بهدف تجنب المشكلات تمامًا. إذا لم تقم بذلك، فقد يكلفك ذلك الكثير من الوقت والمال لاحقًا.
إلى جانب الدعم المشترك بين الفريق، يعد فهم تقنيات محركات البحث أمرًا ضروريًا إذا كنت تريد التأكد من أن صفحات الويب الخاصة بك منظمة لكل من البشر وبرامج الزحف. لتحقيق هذه الغاية، قمنا بتقسيم هذا المقال إلى ثلاثة أقسام:
كيف تعمل المواقع ثم سيتم مناقشة كيف تفهم محركات البحث مواقع الويب وكيف يتفاعل المستخدمون مع المواقع.
نظرًا لأن الهيكل الفني للموقع يمكن أن يكون له تأثير كبير على أدائه، فمن المهم أن يفهم الجميع هذه المبادئ. قد يكون من الجيد أيضًا مشاركة هذا الجزء من الدليل مع المبرمجين وكتاب المحتوى والمصممين لديك بحيث تكون جميع الأطراف المشاركة في إنشاء الموقع على علم أيضا.
كيفية إنشاء موقع؟!
إذا كان تحسين محركات البحث هي عملية تحسين موقع الويب للبحث، فإن مُحسّنين محرّكات البحث يحتاجون على الأقل إلى فهم أساسي للأشياء التي يقومون بتحسينها!
حيث نحدد أدناه رحلة موقع الويب من شراء اسم المجال وصولاً إلى حالته الكاملة في المتصفح. ودقة اختيار اسم المجال الذي يعتبر أحد المكونات المهمة في رحلة موقع الويب، وهي عملية يقوم المستعرض بتحويل كود موقع الويب إلى صفحة قابلة للعرض.
إن معرفة هذا عن مواقع الويب أمر مهم لفهم مُحسّنات محرّكات البحث لعدة أسباب:
- يمكن أن تؤثر باقي الخطوات في عملية تجميع صفحات الويب هذه على أوقات تحميل الصفحة، فالسرعة ليست مهمة فقط لإبقاء المستخدمين على موقعك، ولكنها أيضًا أحد عوامل الترتيب في Google.
- يعرض Google موارد معينة، مثل JavaScript ، على أنها “مسار ثانٍ “. ستنظر Google إلى الصفحة بدون JavaScript أولاً، ثم بعد بضعة أيام إلى بضعة أسابيع، ستعرض JavaScript ، مما يعني أن العناصر المهمة لتحسين محركات البحث وفهم تقنيات محركات البحث التي تمت إضافتها إلى الصفحة باستخدام JavaScript قد لا تتم فهرستها الا بعد حين.
تخيل أن عملية تحميل موقع الويب هي تنقلاتك إلى العمل مثلا: يمكنك الاستعداد في المنزل، وجمع الأشياء الخاصة بك لإحضارها إلى المكتب، ثم اتخاذ أسرع طريق من منزلك إلى عملك. سيكون من الغباء ارتداء حذاء واحد فقط، واتخاذ طريق أطول للعمل، وإسقاط أغراضك في المكتب، ثم العودة إلى المنزل فورًا للحصول على حذائك الآخر، أليس كذلك؟ هذا نوع مما تفعله المواقع غير الفعالة. سيعلمك هذا المقال كيفية تشخيص الأماكن التي قد يكون موقع الويب الخاص بك فيها غير فعال، وما يمكنك القيام به للتبسيط، والعواقب الإيجابية على تصنيفاتك وتجربة المستخدم التي يمكن أن تنتج عن هذا التبسيط.
قبل التمكن من الوصول إلى موقع ويب، يجب إعداده!
اليك خطوات اعداد موقع ويب :
- شراء اسم المجال: يتم شراء أسماء النطاقات مثل clue4p.com من مسجل اسم المجال مثل GoDaddy
أو HostGator. هؤلاء المسجلين هم مجرد منظمات تدير حجوزات أسماء النطاقات.
- اسم المجال مرتبط بعنوان IP: لا يفهم الإنترنت أسماء مثل “clue4p.com” كعناوين مواقع ويب بدون مساعدة
خوادم أسماء المجال (DNS). يستخدم الإنترنت سلسلة من الأرقام تسمى عنوان بروتوكول الإنترنت (IP)
(على سبيل المثال: 127.0.0.1)، لكننا نريد استخدام أسماء مثل clue4p.com لأنه يسهل على البشر تذكرها.
لذلك نحتاج إلى استخدام DNS لربط هذه الأسماء التي يمكن للبشر قراءتها بأرقام يمكن للآلة قراءتها.
كيف ينتقل موقع الويب من خادم إلى متصفح ؟!
- يطلب المستخدم المجال:
الآن وقد تم ربط الاسم بعنوان IP بواسطة DNS، يمكن للأشخاص طلب موقع ويب عن طريق كتابة اسم المجال
مباشرة في متصفحهم أو عن طريق النقر فوق ارتباط إلى موقع الويب.
- المتصفح يرسل طلبات:
هذا الطلب لصفحة ويب يطالب المتصفح بإجراء طلب بحث DNS لتحويل اسم المجال إلى عنوان IP الخاص به.
يقوم المستعرض بعد ذلك بتقديم طلب إلى الخادم للحصول على التعليمات البرمجية التي تم إنشاء صفحة الويب
الخاصة بك بها، مثل HTML و CSS والجافا سكريبت.
- يرسل الخادم الموارد:
بمجرد أن يتلقى الخادم طلب موقع الويب، فإنه يرسل ملفات موقع الويب ليتم تجميعها في متصفح الباحث.
- يقوم المستعرض بتجميع صفحة الويب:
لقد تلقى المتصفح الآن الموارد من الخادم، لكنه لا يزال بحاجة إلى تجميعها معًا وعرض صفحة الويب حتى يتمكن
المستخدم من رؤيتها في متصفحه. نظرًا لأن المتصفح يوزع وينظم جميع موارد صفحة الويب، فإنه يقوم بإنشاء
نموذج كائن المستند (DOM). DOM هو ما يمكنك رؤيته عند النقر بزر الماوس الأيمن و “فحص العنصر” على صفحة
ويب في متصفح Chrome (تعرف على كيفية فحص العناصر في المتصفحات الأخرى).
- يقدم المتصفح الطلبات النهائية:
سيعرض المتصفح صفحة ويب فقط بعد تنزيل جميع التعليمات البرمجية الضرورية للصفحة وتحليلها وتنفيذها،
لذلك في هذه المرحلة، إذا احتاج المتصفح إلى أي رمز إضافي لإظهار موقع الويب الخاص بك، فسيقوم بتقديم طلب
إضافي من الخادم الخاص بك.
- يظهر موقع الويب في المتصفح:
بعد كل ذلك، تم الآن تحويل موقع الويب الخاص بك من رمز إلى ما تراه في متصفحك.
من ماذا يتكون موقع الويب؟!
الآن بعد أن عرفت كيف يظهر موقع الويب في المتصفح، سنركز على ما يتكون منه موقع الويب – بمعنى آخر،
لغات البرمجة المستخدمة في إنشاء صفحات الويب هذه.
الثلاثة الأكثر شيوعًا هي:
- HTML – ما يقوله موقع الويب (العناوين ومحتوى الجسم وما إلى ذلك)
- CSS – كيف يبدو موقع الويب (اللون، الخطوط، إلخ.)
- JavaScript – كيف يتصرف (تفاعلي، ديناميكي، إلخ.)
HTML: ما يقوله موقع الويب
ترمز HTML إلى hypertext markup language (لغة ترميز النص التشعبي)، وهي بمثابة العمود الفقري لموقع الويب.
يتم بها انشاء جميع عناصر صفحة الويب مثل العناوين و الفقرات والقوائم والمحتوى في HTML.
فيما يلي مثال لصفحة ويب وشكل HTML المطابق لها:
يعد HTML أمرًا مهمًا بالنسبة إلى مُحسِّني محركات البحث لمعرفة ما يعيش “تحت غطاء” أي صفحة يقومون بإنشائها أو العمل عليها. على الرغم من أن نظام إدارة المحتوى الخاص بك لا يتطلب منك على الأرجح كتابة صفحاتك بتنسيق HTML (على سبيل المثال: تحديد “ارتباط تشعبي” سيسمح لك بإنشاء ارتباط دون الحاجة إلى كتابة تاغ “a href =”)، فهذا ما تقوم بتعديله في كل الوقت الذي تفعل فيه شيئًا ما على صفحة ويب مثل إضافة محتوى، وتغيير نص الرابط للروابط الداخلية، وما إلى ذلك. يزحف محرك بحث Google إلى عناصر HTML هذه لتحديد مدى صلة المستند باستعلام الباحث. بمعنى آخر، يلعب ما يوجد في HTML دورًا كبيرًا في كيفية ترتيب صفحتك على الويب في الترافيك المجاني من Google!
CSS: كيف يبدو موقع الويب
يرمز CSS إلى “cascading style sheets” ، وهذا ما يجعل صفحات الويب الخاصة بك تأخذ خطوطًا وألوانًا وتخطيطات معينة.
تم إنشاء HTML لوصف المحتوى، بدلاً من تصميمه، لذلك عندما دخلت CSS إلى الملعب، كان ذلك بمثابة تغيير في
قواعد اللعبة. باستخدام CSS، يمكن “تجميل” صفحات الويب دون الحاجة إلى ترميز يدوي للأنماط في HTML لكل صفحة
وهي عملية مرهقة، خاصة للمواقع الكبيرة.
لم يبدأ نظام الفهرسة في Google حتى عام 2014 في جعل صفحات الويب أشبه بمتصفح فعلي، بدلاً من متصفح
للنص فقط. كانت إحدى ممارسات مُحسّنات محرّكات البحث ذات القبعة السوداء ( black-hat ) التي حاولت الاستفادة من نظام
الفهرسة الأقدم في Google هي إخفاء النصوص والروابط عبر CSS بغرض التلاعب بتصنيفات محرك البحث.ويعتبر هذا
” النص المخفي والروابط ” ممارسة انتهاك لإرشادات Google للجودة.
مكونات CSS التي يجب أن تهتم بها مُحسنات محركات البحث، على وجه الخصوص:
- نظرًا لأن تعليمات الشكل والنمط الخاص بالمحتوى يمكن أن تعيش في ملفات CSS بدلاً من HTML لصفحتك، فإنها تجعل صفحتك أقل ثقلاً في التعليمات البرمجية، مما يقلل حجم نقل الملفات ويجعل أوقات التحميل أسرع.
- لا يزال يتعين على المتصفحات تنزيل الموارد مثل ملف CSS الخاص بك، لذا فإن ضغطها يمكن أن يجعل تحميل صفحات الويب الخاصة بك أسرع، وسرعة الصفحة هي عامل الترتيب.
- يمكن أن يؤدي وجود صفحات ذات محتوى ثقيل أكثر من ثقل الأكواد إلى فهرسة أفضل لمحتوى موقعك.
- يمكن أن يؤدي استخدام CSS لإخفاء الروابط والمحتوى إلى معاقبة موقع الويب الخاص بك يدويًا وإزالته من فهرس Google.
JavaScript: كيف يتصرف موقع الويب
في الأيام الأولى للإنترنت، تم إنشاء صفحات الويب باستخدام HTML. عندما ظهر CSS، كان لمحتوى صفحات الويب القدرة على اتخاذ بعض الالوان والاشكال والانماط…الخ. وعندما دخلت لغة البرمجة JavaScript إلى الملعب، لم يكن بإمكان مواقع الويب الآن أن يكون لها هيكل وأسلوب فحسب، بل يمكن أن تكون ديناميكية وتفاعلية أكثر مع المستخدم.
أتاحت JavaScript الكثير من الفرص لإنشاء صفحات ويب غير ثابتة. عندما يحاول شخص ما الوصول إلى صفحة محسّنة
باستخدام لغة البرمجة هذه، سيقوم متصفح المستخدم بتنفيذ JavaScript و HTML الثابت الذي أعاده
الخادم، مما يؤدي إلى صفحة ويب تنبض بالحياة مع نوع من التفاعل.
لقد رأيت بالتأكيد JavaScript في الصفحات ربما لم تكن قد عرفته! ذلك لأن JavaScript يمكنه فعل أي شيء تقريبًا للصفحة. يمكن أن تنشئ نافذة منبثقة، على سبيل المثال، أو قد تطلب موارد خارجية مثل الإعلانات لعرضها على صفحتك.
الزحف الى الموقع و Googlebot
تقول Google ، طالما أنك لا تمنع Googlebot من الزحف إلى ملفات JavaScript الخاصة بك، فإنها عمومًا قادرة على
عرض وفهم صفحات الويب الخاصة بك تمامًا مثل المتصفح، مما يعني أن Googlebot يجب أن يرى نفس الأشياء التي
يراها المستخدم في متصفحهم. ومع ذلك، نظرًا لهذه ” الموجة الثانية من الفهرسة ” لجافا سكريبت تأتي من جهة
العميل(بمعنى تظهر للمستخدم بدلا من المبرمج فقط)، يمكن أن تفقد Google بعض العناصر التي لا تتوفر إلا بعد تنفيذ
JavaScript.
هناك أيضًا بعض الأشياء الأخرى التي يمكن أن تحدث خطأ أثناء عملية Googlebot لعرض صفحات الويب الخاصة بك،
والتي يمكن أن تمنع Google من فهم ما هو موجود في JavaScript الخاص بك:
- اذا حظرت Googlebot من موارد JavaScript (على سبيل المثال: باستخدام ملف robots.txt، كما تعلمنا في مقال سابق كيفية عمل محركات البحث!؟ الزحف، الفهرسة، والترتيب ).
- اذا كان لا يمكن لخادمك معالجة جميع الطلبات للزحف إلى المحتوى الخاص بك .
- جافا سكريبت معقدة للغاية أو قديمة جدًا بحيث يتعذر على Googlebot استيعابها .
- لا يقوم جافا سكريبت “بالتحميل البطيء” للمحتوى إلى الصفحة إلا بعد انتهاء الزاحف من الصفحة والانتقال إليها.
وغني عن القول، على الرغم من أن JavaScript يفتح الكثير من الاحتمالات لإنشاء صفحات الويب، إلا أنه يمكن أن
يكون له أيضًا بعض التداعيات الخطيرة على تحسين تقنيات محركات البحث إذا لم تكن حريصًا، انتظرنا في المقال التالي للتوسع
في ذكر هذه الأخطار ومناقشة كيف تفهم محركات البحث مواقع الويب؟
وإذا كنت مهتما بالسيو وتدوين المقالات أنصحك بقراءة المقال التالي كيف تكتب مقال متوافق مع السيو ؟! وعوامل on page
المراجع:
