كيفية إنشاء موقع ويب من صفحة واحدة باستخدام أي سمة WordPress

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

ما هو موقع الصفحة الواحدة؟

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

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

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

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

كيفية إنشاء موقع ويب صفحة واحدة باستخدام WordPress؟

روابط المرساة

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

هذا هو الرابط الخاص بنا في القائمة والذي يشير إلى الرابط:

 <a href="#middle">Go to the middle</a>

وهذا هو المحتوى الخاص بنا مع المرساة نفسها:

 <h1>Learning about anchor links</h1> <p> Some lorem ipsum content ….</p> <h2>Middle of the page</h2> <p> Some lorem ipsum content ….</p>

في هذه الحالة ، #middle هي رابط الارتكاز الخاص بنا و id=”middle” هي نقطة الارتكاز الخاصة بنا. عندما نضغط على الرابط "Go to the middle" ، سننتقل إلى الرابط الخاص بنا بعنوان "منتصف الصفحة". هذا هو! هذه هي الطريقة التي يمكننا من خلالها إنشاء أبسط موقع ويب من صفحة واحدة. يمكنك إضافة العديد من المراسي كما تريد على موقع الويب الخاص بك. لنأخذ معرفتنا المكتسبة حديثًا ونستخدمها على موقع WordPress.

قم بإنشاء روابط ارتساء باستخدام قائمة WordPress

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

يمكنك أن ترى من لقطة الشاشة ، أنه من أجل تحرير HTML للمحتوى ، سنحتاج إلى تغيير المحرر من Visual إلى Text. يمكننا الآن رؤية جميع علامات HTML في المحتوى الخاص بنا. في حالتنا ، تستخدم جميع العناوين علامة <h2> وسنستخدمها لإضافة نقاط ارتساء. تمامًا كما في لقطة الشاشة أعلاه ، ستحتاج إلى إضافة معرف مع المرساة على تلك العلامات. على سبيل المثال: <h2 id=”our-anchor”>Some Title</h2> . لاحظ أن الروابط مكتوبة بدون # ، لكن يجب أن تبدأ جميع روابط الارتساء بـ # . بمجرد أن نضيف جميع نقاط الارتساء في المحتوى الخاص بنا ، يمكننا ربطها بروابط الربط.

إذا كنت معتادًا على WordPress ، فستعرف أنه يمكننا تغيير روابط القائمة في wp-admin -> المظهر -> القوائم وهذا هو بالضبط المكان الذي ننشئ فيه روابط الإرساء الخاصة بنا.

من لقطة الشاشة ، يمكنك أن ترى أنني حددت روابط مخصصة وبدلاً من عنوان URL الكلاسيكي ، أضفت رابط الربط #about-us . نقرة على هذا الرابط ستنتقل الآن إلى id=”about-us” في المحتوى. بمجرد إضافة جميع روابط الارتساء ، يتم الانتهاء من موقع الويب البسيط الذي يحتوي على صفحة واحدة. انقر فوق الروابط التي تم إنشاؤها حديثًا وشاهدها بنفسك!

التمرير السلس

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

تحتوي معظم السمات المميزة على نوع من الحقول لإضافة رمز مخصص. على سبيل المثال ، في سماتنا ، يمكنك الانتقال إلى wp-admin -> Customizer -> Theme Options -> Custom Code ، حيث ستجد الحقول التي يمكنك استخدامها لإضافة بعض الرموز المخصصة كما سنفعل الآن.

إذا لم يكن لموضوعك مكان للرمز المخصص ، يمكنك استخدام مكون إضافي مناسب. أوصي بإدراج المكون الإضافي "إدراج الرؤوس والتذييلات" من WPBeginner. بمجرد تنشيط المكون الإضافي ، ستجد حقولًا لإضافة رمز مخصص في wp-admin -> الإعدادات -> إدراج الرؤوس والتذييلات.

الصق الكود أدناه في أحد الحقول (نوصي باستخدام البرامج النصية في إعداد التذييل) والآن لديك تمرير سلس على روابط الارتساء. تهانينا! لقد أنشأت للتو موقعًا لصفحة واحدة مع أي سمة WordPress!

 <script> ( function( $ ) { $(document).on('click', 'a[href*="#"]:not([href="#"])', function(e) { if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) { var hashStr = this.hash.slice(1); var target = $(this.hash); target = target.length ? target : $('[name=' + hashStr +']'); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top }, 1000); window.location.hash = hashStr; return false; e.preventDefault(); } } }); }(jQuery)); </script>

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

كيفية ضبط الإزاحة للتمرير السلس؟

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

 $('html, body').animate({ scrollTop: target.offset().top}, 1000);

الشيء الوحيد الذي يتعين علينا القيام به هنا هو إضافة قيمة تعويضنا. يجب أن يكون على الأقل بحجم ارتفاع القائمة الثابتة الثابتة.

 $('html, body').animate({ scrollTop: target.offset().top - 180 }, 1000);

مع ذلك ، سوف نتجنب مشكلة حيث يختبئ بداية المحتوى الخاص بك خلف القائمة.

إيجابيات مواقع الويب ذات الصفحة الواحدة

الآن بعد أن عرفت كيفية إنشاء موقع ويب من صفحة واحدة ، دعنا نتعرف على إيجابيات استخدام موقع ويب من صفحة واحدة.

توفر مواقع الويب ذات الصفحة الواحدة تجربة مستخدم أفضل للهاتف المحمول

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

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

تتطلب مواقع الويب ذات الصفحة الواحدة نصًا أقل

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

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

تعمل مواقع الويب ذات الصفحة الواحدة بشكل جيد مع الصور

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

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

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

يمكن أن تعزز مواقع الويب ذات الصفحة الواحدة تفاعل المستخدمين وتحويلاتهم

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

تحتوي على رسالة أكثر تركيزًا ويسهل على الزائرين فهم ما تريد منهم أن يفعلوه عندما يصلون إلى نهاية الصفحة.

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

مواقع الويب ذات الصفحة الواحدة أسهل في التنقل

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

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

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

تسهل مواقع الويب ذات الصفحة الواحدة استهداف جمهور معين

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

يعمل هذا النهج بشكل رائع عندما تستهدف كلمة رئيسية محددة جدًا أو جمهورًا يعرف بالفعل أن لديهم مشكلة معينة ويبحثون عن الحل.

سلبيات استخدام موقع صفحة واحدة

مع استبعاد المحترفين ، دعنا نلقي نظرة على بعض عيوب استخدام موقع ويب من صفحة واحدة.

سيكون من الصعب تحليل بيانات Google Analytics

الآن ، ربما تعلم أن Google Analytics يمكن أن يوفر لك الكثير من المعلومات المفيدة حول زوار موقعك على الويب. بمجرد التثبيت على موقعك ، يمكنك معرفة الصفحات الشائعة ، والمشاركات التي تجلب زوارًا جددًا ، والصفحات التي تحتاج إلى تحسين لجعل الأشخاص يظلون لفترة أطول على موقعك.

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

تعد مشاركة موقع الويب الخاص بك على وسائل التواصل الاجتماعي أكثر صعوبة

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

قد يكون الحل السهل هو دمج مدونة على موقع الويب الخاص بك حيث يمكنك مشاركة محتوى مفيد ومفيد يجذب جمهورك. وهذا يسهل مشاركة موقع الويب الخاص بك على وسائل التواصل الاجتماعي مع الاحتفاظ بمعظم المعلومات مكثفة في صفحة واحدة .

قد يستغرق تحميل موقع ويب صفحة واحدة وقتًا أطول

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

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

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

أنت مقيد باستهداف الكلمات الرئيسية

لن يوفر لك موقع الويب الذي يحتوي على صفحة واحدة العديد من الفرص لاستهداف كلمات رئيسية متعددة. باستخدام موقع ويب متعدد الصفحات ، يمكنك الحصول على صفحة منفصلة لكل كلمة رئيسية تحاول استهدافها. موقع ويب من صفحة واحدة لا يعمل بنفس الطريقة.

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

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

لا يمكنك استخدام أساليب متقدمة لتحسين محركات البحث

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

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

بينما تتفوق مواقع الويب متعددة الصفحات في هذا الأمر ، سرعان ما تصبح مواقع الويب ذات الصفحة الواحدة مربكة للغاية وتشوش ، مما يترك جمهورك محبطًا.

يمكن أن تفتقر مواقع الويب ذات الصفحة الواحدة إلى توفير التفاصيل

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

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

هل يجب عليك استخدام موقع ويب من صفحة واحدة؟

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

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

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

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

استنتاج

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

اسمحوا لي أن أعرف ما إذا كانت المقالة قد ساعدتك في فهم مواقع الويب ذات الصفحة الواحدة بشكل أفضل وترك لي تعليقًا إذا كان لديك أي أسئلة إضافية .