اضافات احترافية للترحيب بشهر رمضان

بسم الله ارحمن الرحيم

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

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


الاضافات وطريقة تركيبها

جميع هذه الاضافات طريقة تركيبها بسيطة جدا فقط ادخل على لوحة التحكم في بلوجر > التخطيط > اضافة اداة > اداة HTML/Javascript ثم الصق بداخلها كود الاضافة التي تريدها .

الاضافة الاولى

عبارة عن فانوس يتم تركيبه اعلى يسار المدونة , ييحتوى على صورة محركة " رمضان كريم " , اضافة بسيطة ومميزة يمكن استخدامها وتركيبها بكل سهولة ..

<!-- Ramadan Mubarak By ar-cher.Blogspot.com . START -->
<div style="float:left;position:absolute;left:0px;top:0px">
<img src="http://4.bp.blogspot.com/-9n4r5aoBuhw/UeBK7opvCFI/AAAAAAAADQg/XrRsmcqtPpI/s1600/Ramadan+Mubarak+-+www.afkarpro.blogspot.com.gif" alt="رمضان كريم"/>
</div>
<!-- smmor END -->
<!-- smmor START -->
<div style="float:left;position:absolute;left:0px;top:82px">
<img src="http://2.bp.blogspot.com/-Zadse9msB10/UeBJjd140WI/AAAAAAAADQQ/QH16pvyUbv0/s1600/fan-3+-+www.st-tek.blogspot.com.png" width="50,height="100" alt="رمضان كريم" title="رمضان مبارك سعيد" border="0"/>
</div>
<!-- smmor END -->
<!-- smmor START -->
<div style="float:left;position:absolute;left:0px;top:230px">
<img src="http://4.bp.blogspot.com/-IL0VEx5Vae8/UeBJil3J0RI/AAAAAAAADQI/7PqBBxaLHog/s1600/fan-2+-+www.st-tek.blogspot.com.png" width="50,height="100" alt="رمضان كريم" title="رمضان مبارك سعيد" border="0"/>
</div>
<!-- Ramadan Mubarak By ar-cher.Blogspot.com . END -->

الاضافة الثانية

عبارة عن صورة " رمضان كريم " تركب اسفل يسار الصفحة وتتحرك مع الصفحة طلوعا ونزولا , بسيطة واحترافية وخفيفة على القالب .

<a href="http://ar-cher.blogspot."><img alt="Best Blogger Tips" src="http://2.bp.blogspot.com/-E1D5hSQZ--8/UeQB-4yg2HI/AAAAAAAADT0/FxJL3uQUpjc/s1600/best+blogger+tips+-+www.st-tek.blogspot.com.png" /></a><div style="position: fixed; top: 80%; left: 3%;">
<a href="http://st-tek.blogspot.com" rel="nofollow" target="_blank"><img alt="Blog Tips" src="http://3.bp.blogspot.com/-OLY6CgJxo34/UeQB-0gfi6I/AAAAAAAADTw/vkSl08w6wWw/s1600/Ramadan-Karim+-+www.st-tek.blogspot.com.png" /></a></div>

الاضافة الثالثة

هذه الاضافة تختلف عن الاضافة السابقة فهي عبارة عن صفحة يتم عرضها للزائر قبل التوجه الى صفحة الموضوع , تحتوى الصفحة على عبارات تهنئة بحلول شهر رمضان ويظهر فيها زر " اكمل القراءة " للتوجه الى صفحة الموضوع ..

معاينة الاضافة " Codepen "

طريقة التركيب

نتوجه الى لوحة التحكم في بلوجر > المظهر > تحرير HTML > نضغط Ctrl+f ونبحث عن الوسم  ]]></b:skin> ونلصق الكود التالي فوقه مباشرة :




    #welcomebox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}
    #welcomebox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}
    .welcomeclose {background:#bbb;color:#111;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}
    .welcomeclose:hover {background-color:#aaa}
    #welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#005629 url(http://1.bp.blogspot.com/-19vOQibfxVQ/U6f5ZZfFtdI/AAAAAAAAdIA/-3kB-n9pUkA/s1600/Wallpaper.jpg) no-repeat top center;}


ثم نبحث عن الوسم <body> ونلصق الكود التالي اسفله مباشرة :

    <div id='welcomeoverlay'/>
    <div id='welcomebox'>
        <p>&#8220;أهلا رمضان&#8221;<br/>
         نحن في ادارة المدونة نبارك لكم الشهر الفضيل<br/>
    &quot;نسال الله ان يتقبل صيامكم وعبادتكم ,<br/>
    اللهم لا تحرمنا ان نكون من عتقائك من النار في هذا الشهر الفضيل ..آمين.&quot;</p>
        <div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>أكمل القراءة &#8594;</div>
      </div>
ثم نقوم بحفظ القالب , وبعد ذلك ستعمل الاضافة ...

هذه كانت مجموعة صغيرة من الاضافات للترحيب بشر رمضان ودمتم في حفظ الله ورعايته 

{ صلوا على الحيب , صلى الله عليه وسلم }

ترتيب اليكسا و الطرق المتبعة للدخول فيه

بسم الله الرحمن الرحيم


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

ماهو اليكسا ؟

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

كيف يعمل اليكسا ؟

منذ سنوات ليست ببعيدة كان موقع اليكسا يعتمد على الزوار بشكل اساسي في ترتيبه للمواقع , اي انه كلما زاد عدد زوار الموقع كلما تحسن ترتيبه في اليكسا , ولكن مع تطور خوارزميات محركات البحث وتطور مجال السيو اصبح موققع اليكسا ينظر الى كثير من العوامل المهمة قبل وضع الموقع في رتبة معينة , اهم هذه العوامل يتمثل في معدل الارتداد Bounce Rate و الباك لينكس Backlinks ومعدل الزيارات اليومية Daily Visitor بالاضافة الى عوامل اخرى .

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

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

لتوضيح الارقام المناسبة في ترتيب اليكسا لنفترض ان عمر لديه موقع انشأه بفترة ليست بطويلة مع مرور الوقت وبتوفيق الله دخل موقع عمر في ترتيب اليسكا بترتيب 28 مليون ففي هذه المرحله وحتى ترتيب 10 مليون قد لايجد موقع عمر اي منافسة في الترتيب ففئة 30-10 مليون فئة تقل فيها المنافسة وغالبا مايتحسن ترتيب الموقع فيها بسرعة .

اجتهد عمر وعمل على تحسين محتوى موقعه واهتم بجميع العوامل المهمة في حتى احتل موقع عمر مرتبة 7 مليون فهنا تكون بداية المنافسة وكما يقولون " في البدايات تشتد المنافسات " في هذه المرحلة يجب على عمر الاجتهاد اكثر حتى يحافظ على ترتيب موقعه ويحاول خفضه اكثر , وهذه هي فئة 10-4 مليون وهي فئة تبدأ فيها المنافسة ويكون ترتيب الموقع في تغير مستمر داخل هذه الفئة ويسهل فيها ارتفاع ترتيب الموقع اذا قل الاهتمام به , فهذه الفئة تحتاج الى تركيز العناية بالموقع ومحتواه .

عمر ساهر الليالي و اجتهد وبحث عن المواضيع المميزة و المعلومات المفيدة وقدمها لزواره و قام باشهار موقعه في شبكات التواصل الاجتماعي حتى اشتهر الموقع نوعا ما وزاد معدل الزيارات اليومية لموقعه واحتل موقع عمر رتبة 2 مليون في اليكسا هنا دخل عمر مرحلة التفكير الابداعي و الابتعاد عن الافكار التقليدية , فئة 4-1 مليون في هذه الفئة لايختلف موقع عمر عن منافسيه كثيرا فهي مواقع متقاربة تحتاج الى قليل من الافكار المميزة و الابداعية حتى تصل الى القمة .

واصل صديقنا عمر مهمته كمدون واتى بافكار ابداعية خفضت موقعه الى ترتيب 600 الف واشتهر الموقع واستمر في الانخفاض و لكن بصورة بطيئة , ففي هذه المرحلة يمكننا ان نقول ان عمر انتقلل بموقعه الى بر الامان فهفذه الفئة ( فئة 1 مليون الى 400 الف ) فئة ممتازة جدا بالنسبة لاصحاب المواقع الشخصية والموقع الذي يدخل في هذه الفئة لايستهان به بل ويعتبر من المواقع الناجحة على شبكة الانترنت .

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


طرق الدخول في ترتيب اليكسا

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

- الباك لينكس :
احد اهم العوامل المؤثرة في ترتيب اليكسا حيث انه كلما كلما حصل موقعك على باك لينكس ذات جودة عالية كان زاد هذا من فرصة دخوله في الترتيب وادى الى تحسن الترتيب كما ان عدد الباك لينكس ايضا له تأثير ايجابي في ترتيب اليكسا فاحرص على جانب الحصول على باك لينكس ذات جودة عالية وباعداد جيدة حتى تضمن لك موقع مكان بين اقرانه في اليكسا , لقراءة المزيد حول الباك لينكس " الباك لينكس وطرق بنائه في السيو الحديث " .

- معدل الارتداد :
عامل مهم جدا في السيو ويشغل مكانة مهمة في اليكسا حيث يعتبر انخفاض معدل الارتداد احد العوامل المساعدة على الدخول في ترتيب اليكسا , وللتعرف على معدل الارتداد والطرق المتبعة لخفضه اقرا هذه المقالة " تعرف على معدل الاترداد Bounce Rate وطريقة حسابه " .

- استهدف زوارك :
موقع اليكسا يعطي ترتيبين اساسيين الاول منهما هو الترتيب العالمي للموقع و الثاني هو الترتيب المحلي للموقع ويعتمد الترتيب المحلي على معدل الزوار القادمين من دولة معينة , فمثلا اذا كان لديك موقع اغلبية زوار يأتونك من مصر فسيقوم اليكسا بحساب ترتيبك في مصر مقارنة بالمواقع المصرية , لذلك احرص الى استهداف زوار دولة معينة حتى تزيد من فرصة دخول موقعك في ترتيب اليكسا .

- الكلمات المفتاحية :
مع مرور الزمن قل تأثير الكلمات المفتاحية في مجال السيو ولكن بالنسبة لموقع اليكسا ما زالت الكلمات المفتاحية تشكل عاملا مهما حيث ان اليكسا يعطيك احصائيات مفصلة عن الكلمات المفتاحية الخاصة بكل موقع كما يعطيك نسبة الاقبال عليها واستخدامها لذلك حوال اختيار كلمات مفتاحية مميزة وقليلة المنافسة و ادرجها داخلها مواضيعك بشتى الطرق المشروعة , لقراءة المزيد حول الكلمات المفتاحية " الطريقة الصحيحة لاختيار الكلمات المفتاحية و اضافتها للمقال " .

خلاصة الموضوع

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

ودمتم في حفظ الله ورعايته

اضفة تجعل فيديوهات مدونتك متجاوبة

بسم الله الرحمن الرحيم


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

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

طريقة تركيب الكود

لجعل فيديوهات مدونتك متجاوبة قم بالتوجه للوحة التحكم الرئيسية في بلوجر > المظهر > تحرير HTML ثم قم بالضغط على Ctrl+f وابحث عن الوسم <head/> والصق فوقه الكود ادناه :



<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"/>


<script src='https://raw.github.com/davatron5000/FitVids.js/master/jquery.fitvids.js'/>


   <script>$(document).ready(function(){

$(“#your-video”).fitVids();
});

</script>


ثم قم بحفظ القالب , بعدها نأتي لمرحلة الاستخدام , عند تضمين فيديو داخل مواضيعك اضف قبله وبعده الكودين ادناه بحيث يكون كود الفيديو بينهما ...

 <div id=”your-video”>
كود الفيديو
</div>

مثال لذلك ...


<div id=”your-video”>

<iframe width="1280" height="720" src="https://www.youtube.com/embed/wQOAfLZqB_0?rel=0" frameborder="0" allowfullscreen></iframe>

</div>

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

اكثر من 50 مصطلح في مجال السيو لابد من معرفة معناها

بسم الله الرحمن الرحيم


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

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

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

- Search engine تعني محركات البحث مثل جوجل , بينغ و ياهو .

- search engine optimization وتعني تحسين محركات البحث .

- black hat seo وهي الطرق و الاساليب الغير مشروعة في مجال السيو .

- gray hot seo وهي منطقة بين الاساليب المشروعة و الغير مشروعة في مجال السيو .

- white hat seo وهي الاساليب المشروعة في مجال السيو .

- on page seo وتعني تهيئة الموقع داخليا (( السيو الدخلي للموقع )) .

- of page seo وتعني تهيئة الموقع خارجيا (( السيو الخارجي للموقع )) .

- crawl وهي عملية زحف عناكب البحث لمواقع شبكة الويب .

- index هي عملية فهرسة عناكب محركات البحث لصفحات الموقع .

  - spider وهي عناكب محلركات البحث حيث ان لكل محلاك بحث عناكب خاصة به .

 - keyword research تعني الكلمات المستهدفة او الكلمات المفتاحية  التي يتم اختيار بناءا على عدة عوامل .

 - long tail keyword هي كلمات مفتاحية طويلة كالجمل او العبارات و تكون المنافسة عليها قليلة .

 - short tail keyword هي كلمات مفتاحية قصيرة تكون المنافسية عليها كثيرة .

  - niche هو مصطلح يرمز الى موقع متخصص في مجال معين .

  - cms اختصار لـ content management system وتعنى انظمة ادارة المحتوى مثل بلوجر و ووردبريس .

  - spam هي كلمة تدل على باك لينكس تم اكتاسبه بطريقة غير شرعية .

  - content المحتوى الخاص بالموقع ويوجد على اكثر من شكل مثل نص او صورة او فيديو .

  - backlink الروابط الخارجية التي تؤدي الى موقعك .

  -  link building وهي عملية بناء الباك لينك للموقع وتتم على عدة مراحل .

   - link earning وهي عملية كسب الباك لينك من خلال مشاركة الزائر لرابط موقغك في مواقع التواصل الاجتماعي .

   - internal link وهي عملية الربط الداخلي بين صفحات موقعك .

   - Link farms مواقع معمولة خصيصا لبناء الباك لينك ب'طرق مشروعة .

   - dofollow امر مخصص لعناكب البحث بتتبع رابط معين .

  -  no follow امر مخصص لعناكب البحث بعد تتبع رابط معين .

  - redirect , التحويل ويتسخدم عند التحويل من دومين لدومين اخر او رابط لرابط اخر .

   - algorithm هي عمليات تقوم بها خوادم محرك البحث لتقيم من خلالها نتائج البحث

  -  alt text وصف الصور , لان عناكب البحث غير قادرة على قرائة الصورة فبتستخدم الوصف الخاص بها .

 -   google analytics خدمة مجانية من جوجل تقوم على تحليل بيانات موقعك وسلوك الزائر داخل الموقع .

 -   search console خدمة مجانية من جوجل تساعد مدراء المواقع على التحليل والتحكم بصورة اوسع في مواقعهم .

   - anchor text وهو النص الظاهر على الرابط , مثل كلمة اضغط هنا .

  -  domain authority و page authority تقيم من موقع moz يظهر قوة موقعك .

  -  bounce rate او معدل الارتداد , هونسبة الزوار الذبن دخلوا موقعك وخرجوا بدون التنقل في الموقع .

  -  breadcrumbs فتات الخبز , هو عمل تنسيق لشكل روابط موقعك في محركات البحث .

  - canonical url  تستخدم عند وجود اكثر من صفحة بنفس المحتوى فانت من خلالها تسطيع ان تخبر محرك البحث ان
                           هذه  الصفحة نسخة او منبثقة من صفحة اخرى .

  -  cloaking احد طرق المخالفة لمحرك البحث وتعتمد على اظهار محتوى لمحرك البحث ومحتوى اخر للزائر لنفس الصفحة .

   -  doorway صفحات تجلب الزوار من محرك البحث ثم تحولهم لصفحة اخرى بدون تدخل محركات البحث .

   - duplicate content المحتوى المكرر وهو يقلل ثقة محرك البحث في موقغك .

   - serp اختصار لـ search engines results pages ومعناها نتائج موقعك في محرك البحث .

   - google dance رقصة جوجل وهي تغير في نتائج موقغك (تقدم وتراجع) وتحدث غالبا اثناء تحديثات جوجل .

    - keyword density وتعني كثافة الكلمة داخل الصفحة .

   -  keyword stuffing من طرق التحيل على محركات البحث وتعتمد على زيادة كثافة الكلمة داخل الموضوع .

   - lsi وهي اختصار لـ latent semantic indexing وتعنى استخدام المرادفات للكلمة المستهدفة في المقالة.

   - title وهو عنوان الصفحة .

    - meta description وهي احد انواع اكواد الـ meta tags وتقوم بوصف الصفحة او الموقع .

   - meta keyword , الكلمات الدلالية وتستخدم  كاحد عوامل المؤثرة في ترتيب موقعك .

   - meta robots هي احد انواع اكواد الميتا ومخصصة لاعطاء اوامر لعناكب البحث .

   - robots.text ملف تستخدمه عناكب البحث كدليل للموقع .

   - sitemap خريطة الموقع ويسهل عمل عناكب البحث للوصول لمحتوى موقعك .

   - head tag احد اكواد الـ html وتستخدم في اعلام محرك البحث بالكلمات المهمة في الصفحة .

    - google panda مجموعة تحديثات لجوجل تستهدف محاربة المحتوى الضعيف .

   - google penguin مجموعة تحديثات لجوجل تسهدف محاربة الطرق التحايلية وخصوصا.

   - 404 او صفحات الحطأ , تظهر للزائر عند الدخول على صفحة ليست موجودة في الموقع  .

    - social signals الاشارات القادمة من مواقع التواصل الاجتماعي كالاعجاب بموقعك في الفيس بوك او عمل مشاركة له .

   - pagerank احد التقيمات التي اصدرها جوجل لتقيم قوة موقعك وتم ايقافه عام 2013 .

   - amp وهي اختصار لـ accelerated mobile pages مشروع جديد يتبناه جوجل  يستهدف زوار الموبايل .

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

النسخة الاولى من قالب مدونة ارشر , مجانا لكم

بسم الله الرحمن الرحيم


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

لنتحدث الان عن القالب ... النسخة الاولى من قالب مدونة ارشر هو عبارة عن نسخة مطورة من القالب الانجليزي (( Gvusion 2 )) تم تعريب القالب بواسطة المدون " منير محمد " وتم تطوير القالب بواسطتي انا " محمد ارش " , فكرة تصميم القالب غير منقولة من اي مدونة او موقع اخر , فهي افكار و تصاميم اساسية موجودة في القالب قمت باضافة لمستي الخاصة عليها  .




الالوان و خلفية القالب



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

الخطوط المستخدمة في القالب


اما بالنسبة للخطوط المستخدمة في القالب , فقصتها تبدأ عندما قررت ان اختار خطوط مميزة و نادرة في القالب فمت بالبحث في المحتوى العربي عن خطوط  عربية غير مستخدمة كثيرا و لكن للاسف لم اجد الا خطوط معدودة تستخدمها اغلب المدونات العربية , فاثناء بحثي في الانترنت خطرت علي فكرة البحث عن موقع يقدم خطوط ويب عربية حتى وجدت موقع " fontface.me" موقع رائع يقدم مجموعة من خطوط الويب العربية الاحترافية , و الاهم من ذلك ان الخطوط مرفوعة على سيرفر خاص بالموقع , وبذلك اضمن استخدامها لامد بعيد .

بحثت في الموقع عن خطوط واضحة و رائعة فوجدت مااريد في خط " حكيم " وخط " الراوي " فهما الخطان الاساسيان المستخدمان في القالب , ويتميزان وبوضحهما و سهول قراءة النص المكتوب بواسطتهما و تقبلهما لتغيير لون الخط .

فكرة الظلال


الظلال او الظل هو عبارة عن كود css بسيط يضاف للعصر المراد عمل ظلال له  بحيث يظهر ظل تحت العنصر , فكرة الظل خطرت من تصميمات سابقة لاحد المدونين , فقررت ان استخدم هذه الفكرة في القالب وقمت بتركيب الكود على صور الواضيع حيث يظهر اسفلها ظل خفيف كما استخدمتها على صندوق القوائم الرئيسية في القالب , فكان تأثيرها جميلا , فما رأيكم فيها ؟؟

تجاوب متكامل 100%


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

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

لمعاينة تجاوب القالب " responsinator.com  " .

خصائص ومميزات اخرى في القالب

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


تعديلات مهمة قبل استخدام القالب

🔧 تعديل القائمة العلوية :


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

<ul>
              <li class='active'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
              <li class='home5'><a href='#'>اتصل بنا</a></li> 
              <li class='home3'><a href='#'>ادعم ارشر</a></li>
              <li class='home4'><a href='#'>التبادل الاعلاني</a></li>
              </ul>

🔧 تعديل القائمة الرئيسية :


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

 <ul>
    <li class='homers'><a href='/'>الرئيسية</a></li>
<li><a class='archtip' href='#' title=' دورة ترسم لك طريق النجاح في مجال التدوين'>دورة كن مدون</a></li>
    <li><a class='archtip' href='#' title='قسم يحتوى على مجموعة من المقالات المتعلقة بمدونات بلوجر'>دروس بلوجر</a></li>
<li><a class='archtip' href='#' title='تريد قوالب احترافية لمدونتك !! هذا هو القسم المناسب'>قوالب بلوجر</a></li>
<li><a class='archtip' href='#' title='افضل الاضافات و الادوات لمدونات بلوجر تجدها في هذا القسم'>اضافات بلوجر</a></li>
<li><a class='archtip' href='#' title=' كل مايتعلق بمجال السيو تجده هنا'>سيو - SEO</a></li>
<li><a class='archtip' href='#' title=' لديك استفسار او سؤال حول التدوين اطرحه هنا'>اسأل ونحن نجاوب</a></li>
  </ul>


 🔧 تعديل ازرار التواصل الاجتماعي :


لتعديل روابط ازرار التواصل الاجتماعي الموجودة في القائمة الرئيسية قم بالبحث عن الاكواد ادناه وقم باستبدال الروابط حيث ان الرابط باللون الاحمر هو رابط الفيسبوك و الازرق هو رابط جوجل + و الاخضر هو رابط خلاصة RSS الخاص بمدونتك ثم احفظ القالب  .

<ul id='socialmedia'>
<li class='tooltip'><a href='https://www.facebook.com/archer.blog/' target='_blank'><img class='sfacebook' src='http://store6.up-00.com/2017-02/148826855063931.png'/></a><span class='tooltiptext'>Facebook</span></li>

<li class='tooltip'><a href='http://feeds.feedburner.com/archer-blog' target='_blank'><img class='srss' src='http://store6.up-00.com/2017-02/148826855088013.png'/></a><span class='tooltiptext'>RSS</span></li>
<li class='tooltip'><a href='https://plus.google.com/u/0/me?tab=jX' target='_blank'><img class='sgoogle' src='http://store6.up-00.com/2017-02/148826855074362.png'/></a><span class='tooltiptext'>Google+</span></li>
</ul>

🔧 تشغيل السلايد شو :


القالب يحتوى على سلايد شو ديناميكي او شريط يقوم بعرض اخر المواضيع لتشغيل السلايد شو بحيث يقوم بعرض مواضيع مدونتك قم بالبحث عن الكود ادناه واستبدل الرابط باللون الازرق الى رابط مدونتك بدون اللاحقة http:// ثم قم بحفظ القالب .

<div class='ticker-wrap' data-domain='ar-cher.blogspot.com'>

🔧 تعديل الكاتب :


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

<div class='author_description_container'><div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href='#'>
<img class='author_avatar' expr:alt='data:post.author' height='110' src='http://www.mrkzgulf.com/do.php?img=491193' width='110'/>
</a>
</div>
<h4>الكاتب : <a rel='author'><data:post.author/></a></h4>
<p>
مدون عربي من السودان احب مجال التدوين على منصة بلوجر ولي فيه شغف كبير اعمل في هذا المجال لاكثر من سنة احب ان اشارككم افكاري عبر مدونتي ارشر 
<data:post.authorAboutMe/>      
</p>
<div class='authorsocial'>
<a class='img-circle1' href='https://www.facebook.com/mo7medarch' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle3' href='https://plus.google.com/u/0/me?tab=jX' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<div class='clr'/>
</div>
</div>

🔧 التعديل على اضافات السايدبار و الفوتر يمكنك التجكم فيها بواسطة التخطيط


📥  التحميل و 🔐  حقوق القالب

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



ودمتم في حفظ الله ورعايته
{ رَبِّ لا تَذَرْنِي فَرْدًا وَأَنتَ خَيْرُ الْوَارِثِينَ }

اجعل موقعك قابلة للقراءة , لنتائج افضل في جوجل

بسم الله الرحمن الرحيم


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

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

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


كيف اجعل موقعي ممتع و قابل للقراءة ؟

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

✅ عنوان الصفحة هو تاجها :
اذا وقف امامك ملك يضع تاجا على رأسه فاول شئ سيقع عليه نظرك هو التاج , كذلك عنوان الصفحة فهو اول شئ سيشاهده زائرك , لذلك يجب الاهتمام بعنوان الصفحة بشكل كبير ويكون ذلك بكتابة عنوان يلخص محتوى الصفحة عنوان يتكون من كلمات واضحة لاتحتوي على اي عبارات خادعة جاذبة للزائر , فمثل لكتابة مقال عن مواصفات ايفون 7 " مواصفات هاتف ايفون 7 كاملة " سيقوم بعض الاشخاص بكتابة عنوان " تسريب مواصفات جديدة لايفون 7 " سيدخل الزائر وسيجد انها مواصفات عادية وسيخرج وفي المرة القادمة لن يدخل لانه يعلم انك تجذبه بعناوينك ليس اكثر .

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

✅ الجمل الطويلة مملة وتضيع الفكرة :
احرص دائما على مخاطبة زائرك بجمل قصيرة نوعا , لانها تعطي الزائر مايريد بعد قراءة عدد قليل من الكلمات , كما ان الجمل الطويلة تعتبر مملة و تعطي فرصة لكثرة الاخطاء الاملائية ( ويظهر ذلك في الجمل الانجليزية ) فطول الجملة يزيد من قواعد اللغة كما ان الجمل الانجليزية تتكون من كلمات كثيرة نسبيا .

✅ الجمل الانتقالية تقلل من معدل الارتداد :
استخدامك للجمل او العبارات الانتقالية بحث الزائر على البقاء مدة اطول في الصفحة , وبالتالي تقليل معدل الارتداد الخاص بموقعك , و الجمل الانتقالية مثل ( و الاهم من ذلك , بالاضافة الى , بالتالي ) بالاضافة على عبارات اخرى من بنات افكارك تشد زائرك الى الابحار في المقال و الغوص في محتواها .

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

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

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

الخلاصة

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

ودمتم في حفظ الله ورعايته 

اللهم صلى وسلم على سيدنا محمد