فكرة جعل موقع مكون من 10 صفحات و جمعها في صفحة index

NAIF · 11 مارس

السلام عليكوم ورحمة الله و بركاته

كما قراتم في العنوان

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

بحيث عن طريق JavaScript بحيث عندما يقوم المستخدم ب إختيار

محتوى معين عن طريق زر ثما يتم عمل استعلام في صفحة index.html?type=المحتوى

بحيث عن طريق قيمة الاستعلام يتم إضهار div يحتوي على id لهاذا الاستعلام

لاكن انا فكرت و قلت سيصبح حجم الصفحة كبير هل يؤثر ذالك في الارشفة

و إذا لا يؤثر ارجو عمل مثال لــ اكواد

ياسر مسكين · 11 مارس

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>موقع مجمع</title>
<script>
window.onload = function() {
    // استخراج قيمة الاستعلام من عنوان URL
    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
    const content = urlParams.get('type');

    // اظهار الصفحة المناسبة بناءً على قيمة الاستعلام
    showContent(content);
};

function showContent(content) {
    // إخفاء جميع العناصر ذات الهوية content وإظهار فقط العنصر المناسب
    const contents = document.querySelectorAll('.content');
    contents.forEach(function(element) {
        element.style.display = 'none';
    });

    const selectedContent = document.getElementById(content);
    if (selectedContent) {
        selectedContent.style.display = 'block';
    }
}
</script>
</head>
<body>

<div class="content" id="page1">
    <h2>صفحة 1</h2>
    <p>محتوى الصفحة الأولى.</p>
</div>

<div class="content" id="page2">
    <h2>صفحة 2</h2>
    <p>محتوى الصفحة الثانية.</p>
</div>

<!-- وهكذا يمكنك اضافة المزيد من الصفحات -->

</body>
</html>

وفيه يتم استخدام استعلام في عنوان URL (?type=اسم_الصفحة) لتحديد أي صفحة يجب عرضها على الصفحة الرئيسية. وباستخدام السكريبت المدمج، يتم عرض المحتوى المناسب عند تحميل الصفحة استنادا إلى القيمة المحددة في استعلام العنوان.

محمد_عاطف · 11 مارس

وعليكم السلام ورحمة الله وبركاته.

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

بالنسبة للارشفه فان محتو الصفحة سيكون واحد لل10 صفحات لان الارشفة تتم على المحتوىليس على طريقة العرض فى المتصفح.

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

اذا كنت تسخدم php او اى لغه اخرى يمكن وضع شرط تحقق وعلى اساس هذا الشرط يتم ارجاع صفحة ال html وبهذا محتوى الصفحة سيكون متغير وليس ثابتا

Mustafa Suleiman · 13 مارس

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

وأيضًا المحتوى الطويل مفيد للـ SEO في حال كان مرتبط ببعضه، لكن يجب توفير تقنية Lazy load من أجل ألا يؤثر المحتوى الطويل على سرعة التحميل فتصبح النتيجة عكسية.

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

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

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

عبدالباسط ابراهيم · 16 مارس

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

حيث إذا كان كذلك سيكون من الجيد تنفيذه

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

حيث أنه كلما زاد عدد صفحات الموقع أصبح أفضل بالنسبة لل SEO بشكل كبير

فكرة جعل موقع مكون من 10 صفحات و جمعها في صفحة index

السؤال

NAIF

رابط هذا التعليق

شارك على الشبكات الإجتماعية

4 أجوبة على هذا السؤال

Recommended Posts

ياسر مسكين

رابط هذا التعليق

شارك على الشبكات الإجتماعية

محمد_عاطف

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Mustafa Suleiman

رابط هذا التعليق

شارك على الشبكات الإجتماعية

عبدالباسط ابراهيم

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية