-
منذ عامين، بدأت في التواصل مع مُحسّنات محرّكات البحث (SEO). وقد دفعني جنون التعلم في ذلك الوقت إلى زيارة العديد من المنتديات والمدونات المحلية، واستخدمت جميع الأساليب التي لم أكن أعرف ما إذا كانت مفيدة أم غير مجدية في ممارستي. ولكن مع مرور الوقت، التعلم العميق. لقد أصبحت متشككًا في الأساليب المختلفة المتداولة على الإنترنت، وعندما استنفدت الطرق المعروفة لإرسال الروابط، وكتابة المقالات البسيطة، وتجميع الكلمات الرئيسية، وما إلى ذلك، كنت لا أزال غير قادر على التغلب عليها في التصنيف وحركة المرور، كنت مرهقًا أيضًا، وكان علي أن أفكر في أساليب التشغيل الأعمق والأكثر فعالية لتحسين محركات البحث ". يبدو أنه بين عشية وضحاها، أصبح من الواضح فجأة ما أفعله الآن. أليس هذا أفضل تحسين محركات البحث؟
لأكون صادقًا، دراستي مغلقة نسبيًا، ولم أصل إلى حالة "أفضل تحسين محركات البحث ليس SEO"، ولا أملك خبرة عملية جيدة جدًا في تحسين محركات البحث. ما أفكر فيه غالبًا هو كيفية تحسين وظيفتي الحالية مدمج في تحسين محركات البحث (SEO)، إذا كنت سأقدم تعريفًا لتحسين محركات البحث (SEO) الآن، فسيكون: الشبكة + الأجهزة + البرنامج + بنية الموقع + معايير الويب + المحتوى + الأشخاص. يناقش العديد من الأشخاص على الإنترنت مفهوم "المحتوى هو الملك". "، ولكن يتم تجاهل العديد من العوامل الأخرى. إذا تم شرح هذه العوامل بالتفصيل. من المقدر أنه يمكن نشر كتاب سميك جدًا. هذه المقالة تريد فقط أن أشارككم تأثير معايير الويب على تحسين محركات البحث.
يبدأ النص:
لفهم العلاقة بين معايير الويب وتحسين محركات البحث، يجب عليك أولاً أن تفهم ما هي "معايير الويب"، أعتقد أنك قمت بمراجعة الكثير من المستندات التوضيحية على الإنترنت، لكنك لا تزال تشعر ببعض الارتباك والارتباك، لا أريد ذلك لكي تتعلم من الإنترنت، سأنسخ لك فقرة، ولكن في النهاية ما زلت لا أستطيع فهمها لفهم معايير الويب، عليك أن تبدأ ببناء صفحة ويب أساسية:
على سبيل المثال: إذا كنت أرغب في كتابة أبسط صفحة ويب، فيجب أن أستخدم علامات html. على سبيل المثال: إذا كنت أرغب في التركيز على النص، فيجب علي استخدام علامة <strong> إذا كنت أرغب في تغيير لون النص يجب أن أضيف علامة <font color="color">، أريد أن أبدأ فقرة جديدة، لذلك لا بد لي من استخدام العلامة <> ولا يمكنني استخدام العلامة التي لا معنى لها <jacu> للتأكيد على النص، لأنه هناك لا توجد مثل هذه العلامة على الإطلاق، ولا يستطيع المتصفح تحليلها، لذلك وقفت رابطة W3C (شبكة الويب العالمية)، وهي منظمة) وقالت لممارسي الإنترنت في جميع أنحاء العالم: "كل شخص لديه بعض الآراء، فلنوحد هذه التسميات، وأي منها يمكن استخدامها وتلك التي لا يمكن استخدامها، وبعد ذلك سيعطي الجميع هذه التسميات شرحًا موحدًا ومعقولًا، حتى يتمكن الجميع من فهم الغرض من استخدام هذه التسميات." بعد مناقشات لا حصر لها. ونتيجة لذلك، تم تقديم معيار HTML 1.0 أخيرًا، وبعد التعديلات والتحديثات اللاحقة، أصبح المزيد من معايير الويب متاحًا تدريجيًا، مثل HTML 2.0. .html 4.01، وxmhtml1.0/1.1 الأكثر استخدامًا في صفحات الويب للجميع، ومعيار xmhtml 2.0 الذي لم يتم إصداره رسميًا بعد، جميعها متوافقة مع الإصدارات الأحدث عندما نقوم بإنشاء صفحات الويب، وعادةً ما تكون هناك تحديثات في الأعلى من صفحة الويب مثل هذه الجملة:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
يحدد هذا في الواقع نموذج المستند الخاص بك، والذي تم شرحه باستخدام معيار xhtml 1.0.
ولكن في وقت لاحق، أصبح تخطيط صفحة الويب أكثر تعقيدًا، وكان من المستحيل إنشاء صفحة جميلة ورائعة بمجرد الاعتماد على علامات HTML هذه، وكان لا بد من دعمها ببعض الأدوات الأخرى الصورة بمقدار 20 بكسل، أو كنت أرغب في ترك مسافة بين النص تبلغ 5 بكسل، فمن الصعب جدًا تحقيق ذلك بمجرد الاعتماد على HTML. في هذا الوقت، لم يعد بإمكان W3C الجلوس ساكنًا، لذلك وقف ودعا: "دعونا نحدد شيئًا أكثر لتحقيق هذه الوظيفة." بعد مناقشات لا حصر لها، تم إصدار معيار CSS 1.0. باستخدام هذا، يمكنك بسهولة تحقيق إزاحة المحتوى والتباعد والتأثيرات الأخرى. بعد التطوير، وصلنا إلى CSS 2.0 وCSS 3.0. يجب على الجميع اتباع هذا المعيار عند تحديد الأنماط باستخدام CSS.
لاحقًا، اكتشف الناس أن الاعتماد فقط على html وCSS لا يزال غير مثالي. إنه يفتقر إلى التفاعل بين واجهة الإنسان والحاسوب ولا يمكنه تحقيق تأثيرات ديناميكية. سيكون من الأفضل أن نجعل الأشياء على صفحة الويب تتحرك، لذلك قدم w3c معيار emascript، الذي ينص على واجهة نموذج كائن المستند. القواعد الخ على سبيل المثال، يتوافق جافا سكريبت الشائع الاستخدام مع معيار emascript.
حسنًا، الآن يبدو أن كل شيء على ما يرام. باستخدام معايير html، ومعايير css، ومعايير emascript، يمكننا أخيرًا إنشاء صفحات ويب جميلة. نقوم بجمع هذه المعايير معًا لتشكيل معايير الويب، فما هو نوع صفحات الويب التي تتوافق مع معايير الويب:
على سبيل المثال، يتم كتابة قطعة من HTML مثل هذا
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<أتش تي أم أل>
<الرأس>
<العنوان>عرض</title>
</الرأس>
<الجسم>
<p><font color="#ff0000">محتوى النص</font><p>
<img src="x.jpg" />
<دل>
<dt><h1>العنوان</h1></dt>
<dd>المحتوى</dd>
<dd>المحتوى</dd>
<دل>
<b>المحتوى</b>
</الجسم>
فهل يتوافق هذا الرمز مع معايير الويب؟ دعنا نحلل هذه الرموز مرة أخرى. في السطر الأول، تحدد أن نوع مستندك هو xhtml 1.0، مما يعني أن جميع علامات html الخاصة بك يجب أن تكون مكتوبة وفقًا لهذا المعيار من الجسم في علامة <p>، تم إهمال علامة الخط في هذا المعيار، كما تم إهمال سمة اللون أيضًا في هذه العلامة، لذلك لا تتوافق هذه الفقرة مع معيار الويب، فلنلقِ نظرة على <img> تحدد سمة المحاذاة محاذاة الصورة، لكن سمة alt مفقودة في معيار xhtml 1.0، يجب أن تحدد img سمة alt لذا فإن هذا الرمز لا يتوافق مع معيار 1.0 ، يحدد dt العنوان، وتكون العلامة <h1> متداخلة، كما هو محدد بواسطة xhtml 1.0. تداخل علامات <h1> غير مسموح به في علامات <dt>، لذا فهو أيضًا لا يتوافق مع معيار 1.0. انظر إلى علامة <b> الأخيرة، والحمد لله. تتوافق هذه العلامة أخيرًا مع معايير الويب. لكن w3c قال ذلك. وسوف نحتفظ بمعنى هذه التسمية في الوقت الراهن. ومع ذلك، لا يزال من المستحسن استخدام العلامة <strong>، والتي هي أكثر دلالية. في المعيار الجديد لاحقًا، قد نقوم بإلغاء العلامة <b> كعلامة قياسية. فيما يتعلق بقيود معيار HTML، يرجى التحقق من الوثائق المقابلة.
الحديث الذي. أعتقد أن الجميع يفهم. لا تتوافق هذه الصفحة حتى مع معيار xmhtml 1.0، لذا فهي بالتأكيد لا تتوافق مع معيار الويب. أما فيما يتعلق بما إذا كانت تتوافق مع معيار الويب، فكل هذا يعتمد على الإصدار الذي حددته، ولكن يمكن تحليل هذا الرمز بشكل طبيعي المتصفح، لأننا ذكرنا أعلاه كما قلت، جميع المعايير متوافقة مع الأمام، لكنها لا تتوافق مع المعايير التي تحددها الآن، فكيف أجعل هذا الرمز متوافقًا مع معايير الويب الخاصة بي؟ هناك طريقتان فقط. 1. خفض مستوى نموذج المستند الخاص بك (قد يسبب هذا المزيد من المشاكل) 2. أعد تعديل التعليمات البرمجية الخاصة بك، مثل وضع اللون في سمة النمط، وسمة img plus alt، وبالمقارنة، نحن أكثر استعدادًا لاختيار الثاني يكتب.
يوجد شرح على الإنترنت: معيار الويب = div + css لا يمكن استخدامه لتخطيط الجدول بعد قراءة المقالة أعلاه، ليس من الصعب علينا فهمه. هذا المفهوم مربك تمامًا ومبالغ في التعميم. لا يمكن القول أن صفحات الويب ذات تخطيط الجدول لا تتوافق مع معايير الويب. لم تحدد W3C أبدًا أن استخدام تخطيط الجدول لا يتوافق مع المعايير. لقد كانت العلامة <table> دائمًا هي العلامة القياسية في جميع الإصدارات. على الرغم من أننا جميعًا نستخدم div للتخطيط، إلا أننا بحاجة إلى أن نفهم: الممارسات الموصى بها من قبل الآخرين لا تساوي المعايير.
كما ذكرنا سابقًا، تعتمد معايير الويب على الإصدار الذي نحدده عند كتابة html/css/js. على سبيل المثال، إذا كان html الخاص بي يستخدم معيار xhtml 1.0، فيجب أن يتوافق html أيضًا مع معيار xhtml 1.0. ولكن لا يبدو أن هذا هو الحال، فحوالي 99.999% من صفحات الويب على الإنترنت لا يمكنها اجتياز عملية التحقق. هناك دائمًا أخطاء من نوع أو آخر. جميع الصفحات الموجودة على الموقع الرسمي لـ w3c: http://www.w3 يمكن لـ .org اجتياز التحقق. نعم، يمكن للأصدقاء المهتمين اختباره. في هذه المرحلة، يبدو أن مقالتنا قد وصلت إلى طريق مسدود. نظرًا لأن العديد من صفحات الويب لا تتوافق مع معايير الويب، فيمكنهم أيضًا تحقيق تصنيفات وحركة مرور جيدة معايير الويب ما هي العلاقة مع تحسين محركات البحث (SEO)؟ علينا أن نبدأ ببنية HTML والتحليل.
يؤكد تصميم الويب على الفصل بين البنية (html) والعرض (css)، ويمكننا فهم مفاهيمهما بهذه الطريقة. الهيكل عبارة عن منزل. وهو عبارة عن رف مصنوع من الخرسانة المسلحة والطوب، والأداء هو زخرفة وتعديل الهيكل مثل الديكور وتركيب الأرضيات والتجصيص وطلاء جدران المنزل. بدون بنية، ليس للأداء قيمة أداء فعلية، ولهذا السبب <font color="#ccc" size="12">text</font> أو مثل هذه العلامات أو الخصائص، لأنه بالنسبة للبنية، فهي أشبه بالأداء، يجب أن يبقى في طبقة العرض التقديمي، أي CSS إذا قمنا بتطبيق علامة الخط على صفحة xhtml 1.0 الصارمة، فيمكن أيضًا تحليلها بشكل صحيح، لأنه كما قلنا في المقالة الأولى، فإن المعايير متوافقة مع الأمام. .
دعونا نفهم كيف تقوم المتصفحات ومحركات البحث بتحليل HTML الخاص بنا. لماذا نتحدث عن المتصفحات هنا لأنه في رأيي، تستخدم محركات البحث والمتصفحات نفس الطريقة تقريبًا عند تحليل صفحات الويب بعد النزول، يبدأ تحليل HTML. والذي سيؤدي في النهاية إلى تحليل الصفحة بأكملها إلى شجرة DOM ذات عقد علاقة صارمة بين الوالدين والطفل. ومن ثم تقديمه للمستخدم، على سبيل المثال عندما أكتب الكود التالي:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<الرأس>
<العنوان>العنوان</العنوان>
</الرأس>
<الجسم>
<div معرف = "أعلى">
<h1>هذا هو العنوان<h1>
<img src="xx.jpg"/>
<p>هذا <strong>نص</strong><p>
</div>
<div معرف = "حاوية">
<h2>هذا عنوان آخر</h2>
<p>هذا <strong>نص</strong></p> آخر
</div>
</الجسم>
</html>
يمكنك أن ترى أن هذا جزء من html ضمن معيار الانتقال xhtml 1.0. هناك العديد من الأخطاء (تشمل الأخطاء: العلامة <h1> في القسم الأول لا تحتوي على علامة إغلاق. ليس لدى img سمة alt. العلامة <p>. ولا يحتوي أيضًا على علامة إغلاق). ولكن إذا وضعت هذا الرمز في المتصفح وقمت بتنفيذه، فيمكنك رؤية التأثير الصحيح للعلامة <h1>. تعمل علامة P أيضًا، ويمكن عرض الصورة، ونحن مندهشون للغاية لماذا لا يحتوي هذا الرمز على العلامة الصحيحة، ولكن لماذا يمكن تحليله بشكل صحيح في المتصفح يجب أن يكون هيكل الدوم كما هو موضح أدناه (الشكل 1).
رفع وتنزيل المرفق (16.49 كيلوبايت) الساعة 16:58 أول أمس
لماذا يستطيع المتصفح تحليل الكود غير الصحيح بشكل صحيح؟ ويبدو أنه قادر على "تخمين" النية الحقيقية لرمز الخطأ. المبدأ هو أن المتصفح يستخدم وضع تحليل القاموس ووضع الترتيب (html tidy) عند إنشاء شجرة العلامات. ببساطة، سيقوم المتصفح بمطابقة جميع العلامات والسمات بالمعلومات الموجودة في القاموس المدمج، إذا كانت المطابقة طبيعية، فسيتم تحليلها مباشرة. ما عليك سوى تمكين وضع الإنهاء، وسيعمل وضع الإنهاء على تحليل التعليمات البرمجية الخاطئة وإصلاحها. على سبيل المثال، سيتم تغيير العلامتين <h1> و<p> في نهاية ما ورد أعلاه تلقائيًا إلى علامة الإغلاق، أو إذا كتبت <jiacu> نص</ jiacu> زوج من العلامات. لا يمكن مطابقة هذا على الإطلاق ولا يمكن إصلاحه. سيؤدي ذلك إلى مسح زوج العلامات غير الصالح مباشرةً، مع ترك النص فقط بالداخل. بالطبع، عندما يقوم التصفح بتحليل HTML إلى شجرة DOM، فلن يغير ذلك كود مصدر HTML الخاص بك، فهو مجرد إجراء تحليل، لذلك، في كثير من الأحيان إذا لم نتحقق من أخطاء HTML على صفحاتنا، فلن نعثر على هذه الأخطاء لأن المتصفح قام بإصلاحه تلقائيًا بالنسبة لنا. بشكل عام، تضمن المتصفحات التوافق الكامل مع الأخطاء في HTML. قم بتصحيحه إذا كان يمكن أن يساعدك. إذا كان من الممكن مسح العلامات أو السمات الزائدة، فسيتم مسحها، وإذا لم يكن من الممكن مسحها وتصحيحها، فستتم إزالة العلامات تلقائيًا لضمان العرض العادي.
ومع ذلك، فإن "وضع التنظيم" ليس كلي القدرة، ولا يمكننا أن نتوقع من المتصفح أن يساعدنا في إصلاح جميع الأخطاء، في كثير من الأحيان عندما تكون صفحاتنا متداخلة بشكل أعمق وأعمق، مع المزيد والمزيد من العلامات والمزيد والمزيد من المحتوى، في بعض الأحيان، عندما لا يمكن للمتصفح تصحيح العلامات، والشيء الوحيد الذي يمكنه فعله هو "إزالة جميع العلامات الموجودة في كتلة الخطأ والاحتفاظ بالمحتوى فقط."
من وجهة نظر محرك البحث، قبل تحليل المحتوى، تكون فرضيته مماثلة لفرضية المتصفح، الأمر الذي يتطلب إنشاء شجرة DOM كاملة فقط عند اكتمال هذه الشجرة، يمكن لمحرك البحث تحديد علاقة السياق في الصفحة، وكذلك ما هي العلامات المرجحة (مثل <strong>، <h1>) المستخدمة في الصفحة، بالإضافة إلى مواضع توزيعها، وما إلى ذلك. ومع ذلك، تركز محركات البحث بشكل أكبر على مفهوم "كتلة المحتوى" عند التحليل، أي علامة واحدة لكل كتلة. لا يزال مثال HTML أعلاه. عندما كان محرك البحث يبني شجرة DOM هذه، عندما قام بتحليل العلامة <h1> في القسم الأول، وجد أن هناك خطأً. عندما قام بتحليل العلامة P، واجه خطأً آخر في هذا الوقت قم ببناء شجرة DOM هذه بشكل صحيح، وستقوم بتمكين وضع التشطيب، ولكن الوضع في هذا الوقت قد لا يساعدك في إصلاح الأخطاء، ولكن في "الكتل". ابحث عن الكتلة العليا (العقدة) لكتلة الخطأ (العقدة) (إذا كان لا يزال هناك خطأ في المستوى العلوي، فاستمر في البحث عن المستوى العلوي إذا لم يكن هناك خطأ في كتلة المستوى العلوي، فكل شيء فرعي). - سيتم البحث في الكتل والكتل الفرعية في كتلة المستوى العلوي هذه، وستتم إزالة جميع العلامات الخاطئة في الكتلة الفرعية، أي تتم إزالة جميع العلامات الخاطئة الموجودة في <div id="top"> في DOM النهائي الشجرة التي تم إنشاؤها كما هو موضح في الشكل 2 أعلاه (مراجعة 2011.4.5: يوجد خطأ صغير في الشكل 2. توجد علامة img أسفل علامة div على اليسار).
بهذه الطريقة، نرى أن علامتي <h1> و<strong> اللتين كتبناهما بعناية قد اختفتا بعد التحليل، وتغير "وزن" الكتلة بأكملها وفقًا لمبدأ تحليل HTML، يمكننا بسهولة رسم بعضها خاتمة:
1. عندما يرتفع مستوى عقدة الصفحة، يجب أن نكون حذرين بشكل خاص بشأن أخطاء مستوى التسمية. كلما اقتربنا من العقدة العلوية، يجب أن نكون أكثر حذرًا، على سبيل المثال، يجب أن نكتب علامات نهاية أقل قاتلة لكبار المسئولين الاقتصاديين.
2. بغض النظر عن التخطيط الذي تستخدمه، كلما قل عدد مستويات تداخل العقد، كان ذلك أفضل. أولاً، يمكن أن يقلل العبء على محركات البحث عند تحليل العقد. ثانيًا، من الأسهل على محركات البحث تحديد العلاقة (السياق) بين العقد يعد ترجيح الكلمات الرئيسية أمرًا مهمًا.
3. عندما يكون من الممكن استبدال سمات التسمية بـ CSS، انقلها إلى CSS قدر الإمكان.
4. تسمح كل من المتصفحات ومحركات البحث بأخطاء HTML، ولكن من الواضح أن لغة HTML القياسية أسهل في الحصول على تصنيفات أفضل في ظل نفس الظروف الخارجية.
استغرق الأمر مني ما يقرب من أربع ساعات لكتابة هذا المقال. بعض الأجزاء ليست شاملة للغاية وسأشاركها في المقالة الثالثة.
مصدر المقال: Lightyear Forum (يرجى الإشارة إلى رابط المصدر والمؤلف عند إعادة الطبع)
كاتب المقال: newyhj