كيف أعدنا بناء Glassics.in ليصبح قوة SEO من 195 صفحة

بقلم Manmeet Gemavat، المؤسس · آخر تحديث 29 سبتمبر 2026

تعاني معظم مواقع المصنّعين من المشكلة الخفية نفسها: تبدو جيدة للزائر، لكنها بالنسبة إلى Google شبه فارغة. وهذا بالضبط ما كان عليه وضع Glassics.in — شركة عائلية متخصصة في إكسسوارات الزجاج المعماري، لديها موقع لا تستطيع محركات البحث قراءته.

أعدنا بناءه من الأساس. إليكم ما الذي تغيّر، ولماذا يهم، وما الذي يمكن لأي مصنّع أن يتعلمه منه.

لماذا لم يستطع Google رؤية موقع Glassics؟

كان موقع Glassics.in القديم مبنياً كتطبيق يعتمد كلياً على JavaScript. أي أن متصفح الزائر كان يشغّل شيفرة برمجية لتجميع الصفحة لحظة فتحها. كانت تبدو طبيعية على الشاشة — لكن عندما يزورها زاحف Google، لم يكن يرى في الغالب سوى هيكل فارغ.

بالنسبة إلى المصنّع، هذا قاتل. المشترون يبحثون عن أشياء محددة: "قطاع ألمنيوم نحيف للقواطع الزجاجية 16×45"، "مصنع إكسسوارات أبواب زجاج سيكوريت"، "مفصلة شاور 135 درجة". إذا كانت هذه الكلمات موجودة فقط داخل JavaScript قد يشغّلها الزاحف وقد لا يشغّلها، فلن تظهر في نتائج البحث. ببساطة، أنت غير موجود.

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

إعادة البناء: 195 صفحة مُعدّة مسبقاً

تخلّينا عن نهج JavaScript وحده، وأعدنا بناء Glassics.in كموقع ثابت مُعدّ مسبقاً (pre-rendered) — 195 صفحة، كل واحدة منها HTML كامل قبل أن يصل إليها أي زائر أو زاحف. لا حاجة إلى تجميع. ما تراه في "عرض المصدر" هو الصفحة كاملة.

وينقسم الهيكل على النحو التالي:

• 147 صفحة منتج — صفحة مخصصة لكل منتج. كل قطاع ألمنيوم وكل ملحق تثبيت (patch fitting) وكل مفصلة وكل مفصلة أرضية (floor spring) له رابطه الخاص وعنوانه الخاص ووصفه الخاص.
• 23 صفحة مجموعة — صفحات على مستوى الفئات تجمع المنتجات بالطريقة التي يبحث بها المشترون فعلاً.
• الأنظمة والأدلة ومسرد المصطلحات — 6 صفحات أنظمة متكاملة، إضافة إلى محتوى تعليمي يجيب عن الأسئلة التي يطرحها المشترون قبل أن يتواصلوا مع أي مورّد.

لماذا يهم عدد الصفحات؟ لأن الدقة هي التي تفوز في بحث B2B. المشتري الذي يبحث عن نظام أبواب منزلقة تلسكوبية لا يصل إلى الصفحة الرئيسية — بل إلى صفحة المنتج نفسه. 147 صفحة منتج تعني 147 فرصة لمطابقة عملية بحث محددة، بدلاً من صفحة رئيسية عامة واحدة تحاول الظهور في كل شيء.

SEO وAEO وGEO — جزء من الأساس، لا إضافة لاحقة

تتعامل معظم المواقع مع SEO كشيء يُضاف لاحقاً: إضافة (plugin) هنا ووسم meta هناك. نحن بنيناه في الأساس.

SEO (تحسين محركات البحث): روابط واضحة، ووسوم عناوين وأوصاف meta صحيحة في كل صفحة، وHTML دلالي بعنوان H1 واحد لكل صفحة، وخريطة موقع، وروابط داخلية بين المنتجات والمجموعات ذات الصلة. الأساسيات، منفّذة بإتقان، في جميع الصفحات الـ195. وهو النهج نفسه الذي نعتمده في خدمات SEO لدينا.

AEO (تحسين محركات الإجابة): لم يعد المشترون يكتبون كلمات مفتاحية فقط — بل يطرحون أسئلة. "ما القطاع الذي أحتاجه لقاطع زجاجي بسماكة 12mm؟" صُمّمت الأدلة ومسرد المصطلحات للإجابة عن هذه الأسئلة مباشرة، مع أقسام للأسئلة الشائعة وترميز FAQ schema يمكن لمحركات البحث عرضه مباشرة في النتائج.

GEO (تحسين محركات الذكاء الاصطناعي التوليدي): هذا هو الجديد، وتزداد أهميته شهراً بعد شهر. عندما يسأل أحدهم ChatGPT أو Perplexity "من يصنّع قطاعات ألمنيوم نحيفة للقواطع الزجاجية؟"، يحتاج الذكاء الاصطناعي إلى محتوى مقروء وواقعي ومنظّم جيداً ليستشهد به. وصفحات HTML المُعدّة مسبقاً بعناوين واضحة ومواصفات حقيقية ومن دون حشو تسويقي هي بالضبط ما تستوعبه هذه الأنظمة على أفضل وجه.

الاستضافة والبنية التحتية

انتقل الموقع إلى استضافة Netlify مع توجيه DNS إليها مباشرة. الاستضافة الثابتة تعني أن الصفحات تُحمَّل بسرعة أينما كان المشتري — في مومباي أو دبي أو لندن. وتُقدَّم صور المنتجات عبر شبكة CDN من Cloudinary، بحيث يحصل المشتري على الصفحة خلال ثوانٍ حتى مع اتصال بطيء.

التصميم: داكن، فاخر، ومدروس

علامة تجارية للإكسسوارات تتنافس على المعماريين والموزعين لا يمكن أن يبدو موقعها ككتالوج من عام 2010. يستلهم التصميم الجديد أسلوبه من علامات السيارات والصناعات الفاخرة:

• خلفيات بلون الفحم (#0e0f11) مع لمسات الذهبي الشمبانيا (#c9a86c)
• خط Cormorant Garamond للعناوين — أسلوب تحريري واثق
• خط Manrope للنصوص — نظيف وسهل القراءة

الفكرة بسيطة: عندما يفتح معماري أو موزع الموقع، يجب أن يشعر بأنه أمام علامة تجارية تليق بمشروع فاخر. الانطباع الأول يُغلق الصفقات قبل إرسال أول بريد إلكتروني.

ما الذي حوّل الكتالوج إلى مغناطيس للمشترين؟

بالإضافة إلى 147 صفحة منتج و23 صفحة فئة، أضافت إعادة البناء طبقة المحتوى التي تحوّل الكتالوج إلى مرجع يعود إليه المشترون. ست صفحات أنظمة كاملة ترافق المشترين عبر تركيبات متكاملة — أنظمة انزلاقية، وأنظمة فواصل، وكبائن دش — موضحةً كيف تعمل المنتجات الفردية معاً، وهو بالضبط ما يفكر فيه المقاولون والموزعون عند التخطيط لمشروع.

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

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

ما الذي يمكن أن يتعلمه المصنّعون من إعادة البناء هذه؟

لا تحتاج إلى 195 صفحة لتستفيد من الدرس. إليك الخلاصة (والمزيد في دليلنا لـالمصنّعين والمصدّرين):

1. إذا كان موقعك يعتمد على JavaScript وحده، فأنت غير مرئي. افتح "عرض المصدر" لصفحتك الرئيسية. إذا لم تكن أسماء منتجاتك موجودة في HTML، فعلى الأرجح لا يراها Google أيضاً.
2. صفحة لكل منتج. صفحة "منتجات" واحدة تضم كل شيء لن تظهر في أي بحث. امنح كل منتج رابطه الخاص.
3. اكتب للسؤال، لا للكلمة المفتاحية فقط. "مفصلة شاور 90°" كلمة مفتاحية. أما "أي مفصلة شاور أحتاج لباب زجاجي بدون إطار بسماكة 10mm؟" فهذا مشترٍ. أجب المشتري.
4. جهّز موقعك لبحث الذكاء الاصطناعي الآن، لا لاحقاً. مشترو عام 2027 سيسألون الذكاء الاصطناعي قبل أن يفتحوا Google. المحتوى الواضح والواقعي والمُعدّ مسبقاً هو طريقك إلى أن يُستشهد بك.

خطوتنا التالية

إعادة البناء هي الأساس. وفوقها يأتي العمل المستمر: إرسال خريطة الموقع إلى Google Search Console وBing Webmaster Tools، وطلب فهرسة صفحات المنتجات والمجموعات الرئيسية، وربط صفحات المدن بـGoogle Business Profiles، وتفعيل نموذج التواصل مع إشعارات مناسبة. الموقع ليس مشروعاً تنهيه — بل أصل تواصل تنميته. اقرأ المزيد في مدونة MeiXin Social.