إنشاء الصفحات الثابتة مثل صفحة حول و اتصل بنا وسياسة الخصوصية وغيرها من الصفحات هو خطوة جوهرية لكل من يريد بناء مدونة بلوجر احترافية والربح منها. هذه الصفحات لا تُعطي فقط مظهرا احترافيا للمدونة بل هي شرط أساسي لقبولك في جوجل ادسنس، وتحسن تجربة الزائر بشكل كبير.
- لماذا هذه الصفحات مهمة جدا؟
- كيف تنشئ كل صفحة بالتفصيل؟
- نصائح التصميم والتنسيق.
- إضافة أزرار تحميل وصناديق كود لنماذج جاهزة لتسهيل عملك.
لماذا الصفحات الثابتة أساسية؟
✔️ تبني الثقة بينك وبين الزائر.
✔️ تساعد جوجل على فهم موقعك بشكل أفضل.
✔️ شرط إلزامي لقبول المدونة في جوجل ادسنس.
✔️ تجعل مدونتك تبدو أكثر ترتيبا واحترافية أمام أي معلن أو زائر جديد.
خطوات إنشاء صفحة ثابتة في بلوجر
تسجيل الدخول إلى بلوجر
افتح متصفح الويب وانتقل إلى موقع بلوجر اضغط على زر تسجيل الدخول واستخدم حساب جيميل الخاص بك للوصول إلى لوحة التحكم الرئيسية لمدونتك.
اقرا ايضا: طريقة انشاء حساب جيميل احترافيالوصول إلى قسم الصفحات
بعد تسجيل الدخول ستجد قائمة جانبية على يمين أو يسار الشاشة من هذه القائمة اضغط على خيار الصفحاتستظهر لك قائمة بجميع الصفحات الموجودة حاليا وفي الأعلى ستجد زر صفحة جديدةاضغط عليه لبدء إنشاء صفحة جديدة.
3. كتابة محتوى الصفحة
الآن أنت في محرر الصفحات. هنا يمكنك كتابة المحتوى الخاص بك وتنسيقه يمكنك كتابة محتوى نصيأو إضافة صورأو مقاطع فيديو أو حتى كود
HTMLإذا كنت تفضل ذلك يمكنك الاستعانة بأحد النماذج المقترحة التالية:- صفحة من نحن: للتعريف بنفسك أو بفريق عمل مدونتك وذكر أهداف المدونة ورسالتها.
- صفحة سياسة الخصوصية: وهي ضرورية جدا خاصة إذا كنت تستخدم إعلانات أو تجمع بيانات من الزوار.
- صفحة اتصل بنا: لوضع نموذج اتصال أو بريد إلكتروني للتواصل مع زوار المدونة.
ضبط إعدادات الصفحة ونشرها
بعد الانتهاء من كتابة المحتوى يجب عليك ضبط بعض الإعدادات المهمة قبل النشر.
- إعدادات التعليقات: من القائمة الجانبية في محرر الصفحات، انتقل إلى خيارات ستجد خيار السماح بتعليقات القراء. من الأفضل إيقاف هذا الخيار على الصفحات الثابتة لمنع التعليقات عليها.
- العنوان: تأكد من أن عنوان الصفحة واضح ومختصر. على سبيل المثال، اتصل بنا أو من نحن.
- حفظ ونشر: اضغط على زر حفظ لحفظ مسودة الصفحة ثم اضغط على زر نشر لجعل الصفحة مرئية للجميع على مدونتك.
تذكير!
تذكر أن الصفحات الثابتة تختلف عن المشاركات العادية لأنها لا تظهر في الصفحة الرئيسية أو في قسم الأرشيف، بل يمكن الوصول إليها من خلال رابط ثابت URL يمكنك إضافته إلى قائمة التنقل الرئيسية في مدونتك.
إنشاء وتخصيص صفحة حول المدونة
صفحة حول المدونة هي واجهتك للزوار الجدد حيث تعرف بمدونتك وأهدافها ومجال اهتمامها بالإضافة إلى الخدمات أو المعلومات التي تقدمها لجعلها احترافية ومتكاملة سنقوم بتوسيع النموذج الجاهز وإضافة عناصر مهمة.
<h2>مرحبًا بك في [اسم مدونتك]</h2>
<p>مرحبًا بك! نحن [اسمك/فريق عملك]، ويسعدنا أن تكون جزءًا من مجتمعنا المتنامي هنا في [اسم مدونتك]. تأسست مدونتنا بهدف [اذكر الهدف الرئيسي للمدونة باختصار، مثل: تقديم محتوى عالي الجودة في مجال معين، مساعدة القراء على تعلم مهارات جديدة، مشاركة تجارب فريدة، إلخ].</p>
<h3>رسالتنا</h3>
<p>تتمحور رسالتنا حول [اذكر رسالة المدونة بوضوح، مثل: تمكين الأفراد بالمعرفة والأدوات اللازمة لتحقيق أهدافهم في مجال معين، بناء مجتمع رقمي يتبادل الخبرات والمعلومات، تبسيط المواضيع المعقدة وجعلها في متناول الجميع].</p>
<h3>ماذا نقدم؟</h3>
<p>في [اسم مدونتك]، ستجد مجموعة واسعة من المحتوى المتخصص في [اذكر مجالاتك الرئيسية، مثل: التكنولوجيا الحديثة، وصفات الطبخ، فنون التصميم الجرافيكي، نصائح اللياقة البدنية، تحليل الأسواق المالية، وغيرها]. نحن نلتزم بتقديم:</p>
<ul>
<li>مقالات شاملة ومُحدّثة بانتظام.</li>
<li>أدلة إرشادية ودروس تعليمية خطوة بخطوة.</li>
<li>نصائح عملية واستراتيجيات قابلة للتطبيق الفوري.</li>
<li>تحليلات معمقة ورؤى قيمة حول آخر التطورات.</li>
<li>[أضف أي نوع آخر من المحتوى أو الخدمات التي تقدمها، مثل: استعراضات للمنتجات، مقابلات، دورات تدريبية، استشارات].</li>
</ul>
<h3>لماذا تتابعنا؟</h3>
<p>نؤمن بأن المعرفة قوة، وهدفنا هو تزويدك بهذه القوة. من خلال متابعتك لمدونتنا، ستحصل على:</p>
<ul>
<li>معلومات موثوقة ومُدققة من مصادرها.</li>
<li>محتوى مكتوب بأسلوب سهل ومفهوم.</li>
<li>إلهام وتشجيع لتطبيق ما تتعلمه في حياتك.</li>
<li>فرصة للتفاعل مع مجتمع يهتم بنفس اهتماماتك.</li>
</ul>
<h3>تواصل معنا</h3>
<p>يسعدنا دائمًا سماع آرائكم واقتراحاتكم! لا تترددوا في التواصل معنا عبر [أضف رابط صفحة الاتصال أو بريدك الإلكتروني، مثل: صفحة الاتصال الخاصة بنا] أو عبر منصات التواصل الاجتماعي:</p>
<p>
<a href="[رابط حساب فيسبوك الخاص بك]" target="_blank">فيسبوك</a> |
<a href="[رابط حساب تويتر الخاص بك]" target="_blank">تويتر</a> |
<a href="[رابط حساب إنستغرام الخاص بك]" target="_blank">إنستغرام</a> |
<a href="[رابط حساب لينكد إن الخاص بك]" target="_blank">لينكد إن</a>
</p>
<p>شكرًا لزيارتك، ونتطلع إلى رؤيتك مرة أخرى!</p>التعديلات الأساسية التي يجب إجراؤها على النموذج:
[اسم مدونتك]: استبدل هذه العلامة بالاسم الحقيقي لمدونتك في جميع المواضع التي تظهر فيها.[اسمك/فريق عملك]: اكتب اسمك الشخصي إذا كنت تدير المدونة بمفردك، أو فريق اسم المدونة إذا كان هناك عدة أفراد.[اذكر الهدف الرئيسي للمدونة باختصار...]: وضح هنا الغرض الأساسي من إنشاء مدونتك. اجعلها جملة موجزة ومباشرة.[اذكر رسالة المدونة بوضوح...]: حدد الرسالة التي تسعى مدونتك لتقديمها لجمهورها. ما هو التأثير الذي تسعى لتحقيقه؟[اذكر مجالاتك الرئيسية...]: قم بسرد المجالات أو المواضيع الأساسية التي تتناولها مدونتك. كن محددًا قدر الإمكان.[أضف أي نوع آخر من المحتوى أو الخدمات التي تقدمها...]: إذا كانت مدونتك تقدم شيئًا آخر غير المقالات والأدلة، مثل بودكاست، فيديوهات تعليمية، استشارات مدفوعة، أو ورش عمل، فاذكرها هنا.[أضف رابط صفحة الاتصال أو بريدك الإلكتروني، مثل: صفحة الاتصال الخاصة بنا]: ضع رابطًا مباشرًا لصفحة "اتصل بنا" إن وجدت، أو بريدًا إلكترونيًا مباشرًا للتواصل.[رابط حساب فيسبوك الخاص بك]و[رابط حساب تويتر الخاص بك]إلخ.: استبدل هذه الروابط بروابط حساباتك الحقيقية على منصات التواصل الاجتماعي لتمكين الزوار من متابعتك. إذا لم يكن لديك حساب على إحدى المنصات، احذف السطر الخاص بها.
باستخدام هذا النموذج وتخصيصه بالمعلومات الصحيحة، ستكون لديك صفحة حول المدونة احترافية ومتكاملة تترك انطباعًا جيدًا لدى الزوار وتوضح لهم قيمة مدونتك.
إنشاء صفحة اتصل بنا
صفحة "اتصل بنا" هي نافذتك المفتوحة على جمهورك. إنها المكان الذي يمكن للزوار من خلاله طرح الأسئلة، تقديم الملاحظات، الإبلاغ عن المشكلات، أو حتى عرض فرص التعاون. وجود هذه الصفحة يعزز بشكل كبير من مصداقية مدونتك واحترافيتها، ويُظهر أنك متاح للتفاعل وتهتم بآراء واحتياجات قرائك
فوائد صفحة اتصل بنا:
- بناء الثقة: توفر قناة رسمية للتواصل، مما يجعل الزوار يشعرون بالراحة والثقة في المحتوى الذي تقدمه.
- متطلبات جوجل ادسنس: جوجل أدسنس، وهو أحد أشهر برامج تحقيق الدخل من المدونات، يتطلب وجود صفحة "اتصل بنا" واضحة وسهلة الوصول كجزء من شروط الأهلية. هذا يضمن أن المعلنين يمكنهم التواصل مع أصحاب المواقع إذا لزم الأمر.
- جمع الملاحظات: تتيح لك فهم ما يفكر فيه جمهورك، وما هي المواضيع التي يرغبون في رؤيتها، أو المشكلات التي يواجهونها، مما يساعدك على تحسين مدونتك باستمرار.
- فرص العمل والتعاون: يمكن أن تكون نقطة البداية للشراكات، عروض الإعلانات، أو حتى فرص التوظيف.
- الدعم الفني: إذا كانت مدونتك تقدم منتجات أو خدمات، فإن صفحة الاتصال تصبح قناة دعم أساسية.
اقرأ ايضا: اداة توليد صفحة اتصل بنا
كود صفحة اتصل بنا
<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="contact-form">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="الاسم الكامل" size="30" type="text" value="" />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="بريدك الالكتروني" size="30" type="text" value="" />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
<br />
<div style="text-align: center;">
<div id="ContactForm1_contact-form-error-message"></div>
<div id="ContactForm1_contact-form-success-message"></div>
</div>
</form>
</div>
<style type="text/css">
/** created by https://www.jistweb.com/2021/08/creat-contact-us-page-blogger.html**/
#contact-form {
background: #ffffff;
padding: 10px;
}
#ContactForm1_contact-form-name,
#ContactForm1_contact-form-email,
#ContactForm1_contact-form-email-message {
margin: 5px auto;
border: 1px solid #e3e3e3;
transition: all .5s ease-out;
width: 100%;
border-radius: 10px;
padding: 15px 20px;
margin-bottom: 20px;
background-color:#ffffff;
}
#ContactForm1_contact-form-submit {
border: 1px solid #e3e3e3;
font: unset;
text-shadow: 1px 1px 5px #111;
font-weight: 700;
font-size: 14px;
padding: 5px 15px;
background-color: #ff0000;
border-radius: 5px;
color: #fff;
letter-spacing: 1px;
cursor: pointer
}
#ContactForm1_contact-form-email:focus,
#ContactForm1_contact-form-name:focus,
#ContactForm1_contact-form-email-message:focus {
outline: none;
border-color: #ff0000;
box-shadow: 0 0 5px #ff0000)
}
.contact-form-error-message-with-border {
color: #b90000;
font-weight: 700
}
</style>
<script src="https://www.blogger.com/static/v1/widgets/2227587253-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
_WidgetManager._Init('');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'contact-sec', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'جارٍ الإرسال...', 'contactFormMessageSentMsg': 'تم إرسال رسالتك.', 'contactFormMessageNotSentMsg': 'تعذر إرسال الرسالة، يرجى المحاولة مرة أخرى في وقت لاحق.', 'contactFormInvalidEmailMsg': 'يلزم إدخال عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن أن يكون حقل الرسالة فارغًا.', 'title': 'نموذج الاتصال', 'blogId': 'xxxxxxxxxxxxxxx', 'contactFormNameMsg': 'الاسم إجباري', 'contactFormEmailMsg': 'بريد إلكتروني إجباري', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script>
</div>- تعديل blogId (هام جدا!): - ابحث عن السطر:
- تعديل CSS (اختياري) - لتغيير اللون قم بتعديل هادا الكود #ff0000 الى اللون المفضل
xxxxxxxxxxxxxxx وقم باستبداله بمعرف مدونتك ID
طريقة اضافة صفحة اتصل بنا في بلوجر:
- اذهب إلى لوحة تحكم بلوجر: سجل الدخول إلى مدونتك.
- أنشئ صفحة جديدة: من القائمة الجانبية اختر الصفحات ثم صفحة جديدة.
- غير وضع التحرير إلى HTML: في محرر الصفحات، ابحث عن أيقونة
<>أوعرض HTMLواضغط عليها. - الصق الكود:انسخ الكود HTML بالكامل من الكتلة أعلاه والصقه في محرر HTML
إنشاء صفحة سياسة الخصوصية
تعد صفحة سياسة الخصوصية من أهم الصفحات على الإطلاق في أي مدونة أو موقع إلكتروني إنها ليست مجرد إضافة شكلية، بل هي وثيقة أساسية تبني الثقة مع زوارك وتضمن الامتثال لشروط الاستخدام الخاصة بالعديد من الخدمات وعلى رأسها جوجل أدسنس.
معلومة!
جوجل تفرض على ناشري الإعلانات أن يكون لديهم سياسة خصوصية واضحة تشرح كيفية جمع البيانات واستخدامها، وخاصةً عندما يتعلق الأمر بملفات تعريف الارتباط كوكيز واستخدام البيانات من قِبل الأطراف الثالثة مثل جوجل نفسها.
نموذج HTML لصفحة سياسة الخصوصية جاهزة
يمكنك نسخ هذا الكود بالكامل ولصقه في صفحة جديدة على مدونتك. تأكد من تعديل الأقواس [...] بالمعلومات الصحيحة الخاصة بمدونتك.
اقرأ ايضا: أداة إنشاء سياسة الخصوصية جاهزة
سأوضح لك بالضبط ما تحتاج لتعديله في كود صفحة سياسة الخصوصية الذي قدمته لك. التعديلات بسيطة وتتركز على استبدال المعلومات العامة بمعلومات مدونتك الخاصة
- اسم المدونة:
ابحث عن
[اسم المدونة]واستبدله بالاسم الفعلي لمدونتك. ستجده في عدة أماكن في الكود مثل عنوان الصفحة وفي الفقرات الافتتاحية. - تاريخ آخر تحديث:
ابحث عن
[تاريخ آخر تحديث]واستبدله بتاريخ اليوم الذي تقوم فيه بإنشاء أو تحديث هذه الصفحة. - رابط صفحة اتصل بنا:
استبدل
[رابط صفحة اتصل بنا]بالرابط الفعلي لصفحة "اتصل بنا" في مدونتك. بعد أن تنشئ صفحة اتصل بنا وتنشرها ستحصل على رابط URL خاص بها. انسخ هذا الرابط والصقه هنا.
<div style="direction: rtl; text-align: right; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
<h2 style="font-size: 2.5rem; font-weight: 700; color: #2c3e50; margin-bottom: 1rem;">سياسة الخصوصية لمدونة [اسم المدونة]</h2>
<p style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 2rem;">تاريخ آخر تحديث: [تاريخ آخر تحديث]</p>
<p style="font-size: 1.1rem; line-height: 1.8; color: #34495e; margin-bottom: 1.5rem;">
في مدونة [اسم المدونة]، نولي أهمية قصوى لخصوصية زوارنا. توضح هذه الوثيقة أنواع المعلومات الشخصية التي يتم جمعها وكيفية استخدامها.
</p>
<h3 style="font-size: 1.8rem; font-weight: 600; color: #34495e; margin-top: 2rem; margin-bottom: 1rem;">1. جمع المعلومات واستخدامها</h3>
<p style="font-size: 1.1rem; line-height: 1.8; color: #34495e;">
نجمع معلومات غير شخصية تلقائيًا عندما تزور مدونتنا. هذه المعلومات قد تشمل:
</p>
<ul style="font-size: 1.1rem; line-height: 1.8; color: #34495e; margin-right: 2rem; list-style-type: disc;">
<li>عنوان بروتوكول الإنترنت (IP).</li>
<li>نوع المتصفح ونظام التشغيل.</li>
<li>الصفحات التي تزورها على موقعنا.</li>
<li>التاريخ والوقت الذي تزور فيه الموقع.</li>
<li>الموقع الجغرافي التقريبي.</li>
</ul>
<p style="font-size: 1.1rem; line-height: 1.8; color: #34495e; margin-top: 1rem;">
نستخدم هذه المعلومات لتحليل الأداء، وتحسين تجربة المستخدم، ومراقبة حركة المرور على الموقع.
</p>
<h3 style="font-size: 1.8rem; font-weight: 600; color: #34495e; margin-top: 2rem; margin-bottom: 1rem;">2. ملفات تعريف الارتباط (Cookies)</h3>
<p style="font-size: 1.1rem; line-height: 1.8; color: #34495e;">
تستخدم مدونة [اسم المدونة] ملفات تعريف الارتباط (Cookies) لتخزين المعلومات حول تفضيلات الزوار، ولتخصيص محتوى صفحة الويب بناءً على نوع متصفح الزائر أو المعلومات الأخرى التي يرسلها عبر المتصفح.
</p>
<h3 style="font-size: 1.8rem; font-weight: 600; color: #34495e; margin-top: 2rem; margin-bottom: 1rem;">3. سياسات الخصوصية الخاصة بالشركاء</h3>
<p style="font-size: 1.1rem; line-height: 1.8; color: #34495e;">
مدونة [اسم المدونة] تتعامل مع شبكات إعلانية وخدمات طرف ثالث، قد تستخدم هذه الأطراف تقنيات مثل ملفات تعريف الارتباط. من أهم هذه الأطراف:
</p>
<ul style="font-size: 1.1rem; line-height: 1.8; color: #34495e; margin-right: 2rem; list-style-type: disc;">
<li>
<strong>جوجل أدسنس (Google AdSense)</strong>: بصفتها بائعًا من طرف ثالث، تستخدم جوجل ملفات تعريف الارتباط لعرض الإعلانات على موقعنا. يتيح لها استخدام ملف تعريف الارتباط DART خدمة الإعلانات للمستخدمين بناءً على زيارتهم لموقعنا والمواقع الأخرى على الإنترنت.
<br>
يمكنك إلغاء الاشتراك في ملف تعريف الارتباط DART من خلال زيارة <a href="https://policies.google.com/technologies/ads" target="_blank" style="color: #3498db; text-decoration: none;">سياسة الخصوصية الخاصة بالإعلانات والشبكة الإعلانية من جوجل</a>.
</li>
<li>
<strong>خدمات أخرى</strong>: قد نستخدم خدمات أخرى مثل [اذكر خدمات أخرى مثل تحليلات جوجل أو أي أدوات تابعة لطرف ثالث]. هذه الخدمات لها سياسات خصوصية خاصة بها.
</li>
</ul>
<h3 style="font-size: 1.8rem; font-weight: 600; color: #34495e; margin-top: 2rem; margin-bottom: 1rem;">4. حماية البيانات</h3>
<p style="font-size: 1.1rem; line-height: 1.8; color: #34495e;">
نحن ملتزمون بحماية بيانات زوارنا ونستخدم تدابير أمنية مناسبة لحماية المعلومات التي نجمعها. ومع ذلك، لا يمكن ضمان أمان أي بيانات يتم إرسالها عبر الإنترنت بشكل كامل.
</p>
<h3 style="font-size: 1.8rem; font-weight: 600; color: #34495e; margin-top: 2rem; margin-bottom: 1rem;">5. الموافقة</h3>
<p style="font-size: 1.1rem; line-height: 1.8; color: #34495e;">
باستخدامك لمدونتنا، فإنك توافق على سياسة الخصوصية الخاصة بنا وشروطها.
</p>
<h3 style="font-size: 1.8rem; font-weight: 600; color: #34495e; margin-top: 2rem; margin-bottom: 1rem;">6. التواصل</h3>
<p style="font-size: 1.1rem; line-height: 1.8; color: #34495e;">
إذا كانت لديك أي أسئلة أو استفسارات حول سياسة الخصوصية، يمكنك التواصل معنا عبر:
</p>
<p style="font-size: 1.1rem; line-height: 1.8; color: #34495e;">
<a href="[رابط صفحة اتصل بنا]" style="color: #3498db; text-decoration: none;">صفحة اتصل بنا</a>
</p>
</div>مهم!
ان كنت مهتما بباقي الصفحات مثل صفحة الشروط والأحكام و صفحة حقوق الملكية و صفحة الأرشيف و صفحة خريطة الموقع و صفحة سياسة ملفات تعريف الارتباط لاضافتها الى موقعك لجعله متكامل يمكنك التعليق للحصول عليها
في الاخير تعتبر الصفحات الثابتة هي جزء أساسي في نجاح أي مدونة بلوجر. باستخدام النماذج والأدوات المجانية يمكنك تجهيزها بسرعة واحترافية مع الالتزام بمعايير ادسنس.
اقرأ ايضا:الدرس الأول: خطواتك الأولى لإنشاء مدونة بلوجر ناجحة ومربحة الدرس التاني: كيفية إنشاء حساب جيميل Gmail احترافي الدرس 3: طريقة إنشاء مدونة بلوجر احترافية من الصفر بخطوات سهلة للمبتدئين الدرس 4: كيفية تخصيص مظهر مدونة بلوجر باحتراف واختيار أفضل قالب
تابع الدورة خطوة بخطوة ولا تتردد في العودة إلى موقع عالم الويب في حال أردت مراجعة الموارد أو البحث عن شروحات إضافية.
دورة بلوجر
