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

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


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

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

لمعاينة صناديق الاقتباس  اضغط على هذا الرابط (( من هنا ))


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

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

.pre {
    background: #fff;
    white-space: pre;
    word-wrap: break-word;
    overflow: auto;
}

pre.code {
    margin: 20px 25px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 1px 1px          rgba(0,0,0,.08);
}
pre.code label {
    font-family: sans-serif;
    font-weight: normal;
    font-size: 13px;
    color: #444;
    position: absolute;
    left: 1px;
    top: 16px;
    text-align: center;
    width: 60px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
}

pre.code code {
    font-family: "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
    display: block;
    margin: 0 0 0 60px;
    padding: 15px 16px 15px;
    border-left: 2px solid #d9d9d9;
    overflow-x: auto;
    font-size: 13px;
    line-height: 19px;
    color: #444;
}

pre::after {
    content: "اضغط مرتين لنسخ الكود";
    padding: 0;
    width: auto;
    height: auto;
    position: absolute;
    right: 18px;
    top: 14px;
    font-size: 12px;
    color: #aaa;
    line-height: 20px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    transition: all 0.3s ease;
}

pre:hover::after {
    opacity: 0;
    visibility: visible;
}

pre.code-css code {
    color: #0288d1;
}

pre.code-html code {
    color: #558b2f;
}

pre.code-javascript code {
    color: #f57c00;
}

pre.code-jquery code {
    color: #78909c;
}
pre.code-text code {
color:red;
}

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

<script type='text/javascript'>
//Pre Auto Selection
$('i[rel="pre"]').replaceWith(function() {
    return $('<pre><code>' + $(this).html() + '</code></pre>');
});
var pres = document.querySelectorAll('pre,kbd,blockquote');
for (var i = 0; i < pres.length; i++) {
  pres[i].addEventListener("dblclick", function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>

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

طريقة استخدام الصناديق

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


<pre class='code code-html'><label>HTML</label><code>... Code HTML  ...</code></pre>

<pre class='code code-css'><label>CSS</label><code>... Code CSS ...</code></pre>

<pre class='code code-javascript'><label>JS</label><code>... Code JavaScript ...</code></pre>

<pre class='code code-jquery'><label>Jquery</label><code>... Code jQuery ...</code></pre>

<pre class='code code-text'><label>اقتباس</label><code>... اقتباس ... </code></pre>

نوع المحتوى الذي تريد وضعه داخل الصندوق سيحدد الكود الذي ستسخدمه فمثلا اذا ارت استخدام صندوق لتكتب كود CSS بداخله ستستخدم الكود الثاني او اردت ان تكتب بداخله كود HTML ستسخدم الكود الاول او اردت ان تكتب نص عادي او اقتباس ستسخدم الكود الاخير وهكذا ...

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

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

قالب فرينندس , قالب مصمم بنكهة عربية

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


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

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

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

معاينة القالب " قالب فريندس "

صورة كملة للقالب


اهم مايميز القالب

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

والمزيد من المميزات الاخرى اكتشفها بنفسك ...

التحميل و حقوق التصميم و التعريب

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

التحميل : (( ميديا فاير ))

____________________________
ودمتم في حفظ الله ورعايته
رَبِّ اجْعَلْنِي مُقِيمَ الصَّلاَةِ وَمِن ذُرِّيَّتِي رَبَّنَا وَتَقَبَّلْ دُعَاءِ }

قالب اللؤلؤة السوداء المتجاوب لمدونات بلوجر

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

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

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


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

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

صورة كاملة للقالب

المعاينة و التحميل

حقوق تعريب وتصميم القالب محفوظة لاصحابها 

👀 المعاينة " من هنا "

📥 التحميل " ميديا فاير "

طريقة انشاء رابط لاعادة التوجيه في بلوجر

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


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

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

👀 معاينة الاضافة " اضغط هنا

كود الاضافة

<style type="text/css">
#archer{
  text-align:center;
  color:#125663;
  font-family:GE Dinar Two;
}
#archer-timer{
 font-family:GE East;
 width: 180px;
 background: #2999ad;
 border: 2px solid #125663;
 color: #fff;
 text-align: center;
 padding: 5px 5px 5px 5px;
 margin: 10px auto;
 font-size: 15px ;
 border-radius: 3px;
}
#archer-timer:hover {
  color:#125663;
  background:#fff;
}
</style>

<br />
<div id="archer">
<script type="text/javascript">
      var settimmer = 0;
        $(function(){
        window.setInterval(function() {
        var timeCounter = $("b[id=show-time]").html();
        var updateTime = eval(timeCounter)- eval(1);
        $("b[id=show-time]").html(updateTime);
        if(updateTime == 0){
 $("div[id=ar1web-timer]").html("").html("تحميل الملف ");
        window.location = ("http://ar-cher.blogspot.com");
        }
        }, 1000);
        });
    </script>

سيتم تحويلك للصفحة  بعد انتهاء الوقت
  <br />
اذا كان متصفحك لايدعم التوجيه التلقائي
  <br />
<a href="http://ar-cher.blogspot.com/">اضغط هنا</a></div>
<div id="archer-timer">
من فضلك انتظر... <b id="show-time">10</b> ثانية      
    </div>

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

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

🔗 مثال لاستخدام الكود في صفحة " صفحة اعادة التوجيه "

لاي استفسار انا في الخدمة ودمتم في حفظ الله وعايته 

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

تعرف على معدل الاترداد Bounce Rate وطريقة حسابه

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


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

ابسط تعريف لمصطلح معدل الارتداد Bounce Rate

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

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

طريقة حساب معدل الارتداد لصفحة معينة

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

احصائيات مفصلة لمعدل الارتداد الخاص بموقعك

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


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


وسائل وطرق خفض معدل الارتداد

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

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


اهمية خفض معدل الارتداد

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

الخلاصة

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

ثلاثة اسئلة يجب ان تطرحها قبل القيام بحملة سيو لموقعك

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


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


السؤال الاول : هل المحتوى يستحق التحسين ؟

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

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


السؤال الثاني : هل يحقق موقعك الهدف المنشود ؟

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

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


السؤال الثالث : كيف هو حال الكود الداخلي للموقع ؟

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

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

الخلاصة

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

ودمتم في حفظ الله ورعايته 
{ وَالَّذِينَ يَقُولُونَ رَبَّنَا اصْرِفْ عَنَّا عَذَابَ جَهَنَّمَ ۖ إِنَّ عَذَابَهَا كَانَ غَرَامًا }

قالب رضا الاحترافي لمدونات بلوجر

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


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

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

المعاينة " اضغط هنا "

مميزات اخرى للقالب

📌 السرعة و بساطة التصميم .
📌 تجاوب اكواد مع السيو الداخلي On-page SEO .
📌 احتوائه على اكواد ميتا تاج ممتازة .
📌 جودة التكويد ونظافة الكود الخاص به .
📌  تصميمه يتميز بالوان الوان رائعة وخطوط احترافية .
📌 سهولة التعديل على تصميمه .

التحميل " ميديا فاير

اتمنى ان يعجبكم القالب 
ودمتم في حفظ الله ورعايته

طريقة منع منصة بلوجر من حساب زياراتك الشخصية لمدونتك

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


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

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

شرح الطريقة

اولا نتوجه الى لوحة التحكم في بلوجر > ثم نضغط على التبويب احصائيات > ثم نضغط  على > إدارة تتبع عدد مرات مشاهدة الصفحة كما في الصورة ادناه :


ستظهر صفحة جديدة نعلم خيار " عدم تتبع مرات مشاهدتي لهذه المدونة " كما في الصورة :




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



تجاوب القالب مع الشاشات والطريقة الصحيحة لتفعيله

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

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

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

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

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

طريقة جعل القالب متجاوبا

اولا يمكن ان نعرف التجاوب على انه " جعل قالب الموقع متغير الحجم بحيث يتناسب مع جميع شاشات الهواتف و الاجهزة اللوحية و شاشات العرض الكبيرة " LCD " وشاشات التابلت " , ولجعل القالب متجاوبا سنقوم بالقيام بالخطوة الاولى وهي التوجه الى لوحة التحكم في بلوجر > المظهر > ونضغط على علامة المسنن الظاهرة اسفل نموذج الجوال > ونعلم على خيار "  لا، إظهار مظهر سطح المكتب على أجهزة الجوال.  " .

بعد ذلك سنضغط على زر " تحرير HTML " ونضغط Ctrl+f ونبحث عن الوسم <head> ونضيف الكود التالي فوقه مباشرة :

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

بعد ذلك يتم العمل عل الكود التالي , نبحث عن الوسم ]]></b:skin> ونلصق فوقه الكود التالي :

@media screen and (max-width : 790px) {
اكواد الـ CSS
}

ومعنى هذا الكود انه عندما يكون حجم الشاشة 790 قم بعرض اكواد ال css الاتية كما يلي , حيث انه سيتم استبدال عبارة " اكواد ال css " بمجموعة من الاكواد الرئيسية في قالبك , فمثلا يمكن اضافة كود الهيدر ليصبح بحجم 690px وبالتالي سيتناسب مع الشاشات ذات الحجم 790px وهكذا ..

يمكنك تكرار الكود مع تغيير حجم التجاوب ومقاس الاجزاء الرئيسية في قالبك , واشهر احجام التجاوب المستخدمة هي 980px  , 790px , 400px ويمكنك استخدام كود مقاس العرض width و الارتفاع height لضبط مقاسات الاجزاء الرئيسية في قالبك .

الخلاصة

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

ودمتم في حفظ الله ورعايته 
اللهم ارزقنا شربة من حوض نبيك يوم تحشر عبادك

اكواد ميتا تاج مدفوعة لتحسين ارشفة موقعك مجانا لكم

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


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

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

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

توجه الى لوحة التحكم في بلوجر > القالب > تحرير HTML > ثم قم بحذف اكواد الميتا تاج الموجودة في قالبك , ستجدها موجودة اعلى الوسم <head> , بعد ذلك قم بنسخ الاكواد التالية والصقها في القالب :

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link href='رابط ايقونة الفافايكون' rel='icon' type='image/x-icon'/>
<link rel="openid.server" href="https://www.blogger.com/openid-server.g" />
<meta content='رابط موقعك' property='og:url'/>
<meta content='رابط صورة الشعار' itemprop='image'/>
<meta content='اسم الدولة بالانجليزي' name='country'/>
<meta content='Arabic' name='language'/>
<meta content='اسم صاحب الموقع بالانجليزي' name='Author'/>
<meta content='وصف مختصر لموقعك' name='description'/>
<meta content='الكلمات المفتاحية' name='keywords'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='اسم صاحب الموقع في الفيسبوك' property='fb:admins'/>
<meta content='805475286143287' property='fb:app_id'/>
<meta content='ar_AR' property='og:locale'/>

تعديلات مهمة قبل الحفظ

🔃 " رابط ايقونة الفافايكون " استبدل هذه العبارة برابط الايقونة الخاصة بموقعك مثلا http://ar-cher.blogspot.com/favicon.ico ويمكنك تعلم طريقة انشائه من هنا " تغيير ايقونة Favicon لمدونات بلوجر " .
🔃 " رابط موقعك " استبدل هذه العبارة برابط موقعك مسبوقا بـ http:// .
🔃 " رابط صورة الشعار " استبدل هذه العبارة برابط صورة الشعار الخاص بمدونتك .
🔃 " اسم الدولة بالانجليزي " استبدل هذه العبارة باسم دولتك التي تقيم فيها و تدير منها موقعك ويجب ان يكتب بالانجليزي .
🔃 " اسم صاحب الموقع بالانجليزي " استبدل هذه العبارة باسم مكتوبا باللغة الانجليزية .
🔃 " وصف مختصر لموقعك " استبدل هذه العبارة بوصف مختصر ودقيق عن موقعك لايتعدى 150 حرف , ويجب ان يكون الوصف لما يحتويه الموقع فعلا , فلا تأتي بما ليس في موقعك .
🔃 " الكلمات المفتاحية " استبدل هذه العبارة بالكلمات التي تستهدفها في مواضيع موقعك , بحيث تكتبها بالانجليزي و بالعربي معا ويجب ان تفصل بين الكلمات بعلامة ( , ) مثلا ( برامج,اندرويد,قوالب,photoshop,games وهكذا ... ) , اكتب كلمات تستهدفها فعلا في موقعك , فلا تظن ان كثرة الكلمات ستفيد موقعك بل ستضره .
🔃 " اسم صاحب الموقع في الفيسبوك " استبدل هذه العبارة بالاسم الذي تستخدمه في موقع الفيسبوك .
🔃 " 805475286143287 " استبدل هذا الرقم بمعرف تطبيق مدونتك على الفيسبوك الذي يمكنك انشاؤه من خلال التوجه الى هذا الرابط " facebook setup "  ثم نسخ المعرف .
🔃 بعد القيام بهذه التعديلات احفظ القالب .

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


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

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

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

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

لمعاينة القالب " اضغط هنا "

اهم ما يميز القالب

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

تشغيل اضافة الاشتراك في القائمة البريدية


لتشغيل الاضافة , بعد تثبيت القالب ابحث عن العبارة " YOUR-USER-NAME " ستجدها مكررة مرتين استبدلها في المرتين بمعرف مددونتك في " فيد برنر " ثم قم بحفظ القالب .

الخلاصة و التحميل

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

🔗 التحميل ميديا فاير " اضغط هنا "

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

مزارع المحتوى وتأثيرها السلبي على موقعك

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


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

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

معنى مصطلح زراعة المحتوى content farm

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

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

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

سلبيات زراعة المحتوى

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

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

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

امثلة لمواقع تزرع المحتوى

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

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

الخلاصة

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

ودمتم في حفظ الله ورعايته 
 "رب لاتذرني فردا و انت خير الوارثين "

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

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


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

شرح الطريقة الاولى

نتوجه الى لوحة التحكم في بلوجر > القالب > تحرير HTML > ونضغط على Ctrl+f ونبحث عن اسم الاضافة التي لايمكن حذفها , فمثلا انا لدي اضافة في قالبي لايمكن حذفها عنوان " مواقع صديقة " سأبحث عنها كما في الصورة :


بعد ان نجد الاضافة نقوم بتغيير كلمة true بكلمة false ونحفظ القالب كما في الصورة :


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


شرح الطريقة الثانية

نفس الخطوات السابقة نقوم بالتوجه الى القالب > تحرير HTML > ونضغط Ctrl+f ونبحث عن عنوان الاضافة , في هذه الطريقة سنحذف الاضافة من داخل القالب , بعد ان نجد الاضافة نقوم بعمل توسعة لها مرتين كما في الصورة :


بعد ذلك نقوم بحذف كود الاضافة من الوسم <b:widget وحتى الوسم </b:widget> كما هو واضح في الصورة ثم نقوم بحفظ القالب :


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


الخلاصة

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

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