خبرة نت: يناير 2020

ماهو bounce rate وتأثيره على قوة سيو موقعك؟

ماهو bounce rate ارتداد الزوار وتأثيره على سيو موقعك

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

في البدايه دعونا نتعرف على تعريف bounce rate

bounce rate هو النسبه المئويه للزوار الذين دخلو موقعك وشاهدوا صفحه واحده وخرجوا من الموقع دون تصفح صفحات اخرى كأن قاموا مثلا بغلق المتصفح أو العوده back من الصفحه من أجمالي عدد زوار الموقع مقسوما على إجمالي عدد الزوار × 100 بيعطى نسبه مئويه .

كمثال

دخل موقعك 500 زائر وتراجع منهم 200 زائر دون الانتظار لتصفح موقعك فيكون معدل الارتداد كالتالى :

500 - 200 = 300 / 500 ×100 = 60% وهى نسبة معدل الارتداد .

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

تتفاوت النسب لمعدل الارتداد فكلما قلت النسبه كلما زادت درجة قوة الموقع ، وهذه النسب تتفاوت مابين :

1- نسبه أقل من 20% فتعتبر نسبه ممتازه لمعدل الارتداد وهى النسبه التى يطمح لها كل صاحب موقع .
2- نسبة معدل الارتداد الجيده تتراوح مابين 20% وحتى 40% .

3- النسبه المتوسطه مابين 40% وحتى 60% .

4- النسبه السيئه او الرديئه وهى أعلى من 60% وهى التى ينظر للموقع الذى يحمل هذه المسبه بأنه موقع لاتوجد به معلومه مفيده للزائر ولذلك يصنف من قبل جوجل فى مؤخرة نتائج البحث .

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

ماهي الطريقة التي أتعرف من خلالها على معدل الارتداد لموقعي .

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

فمثلاً ستلاحظ وجود معدل الارتداد في الصفحة الرئيسية للاحصائيات

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

ماهي أسباب زيادة معدل الارتداد Bounce Rate لأى موقع.

1- بطء وقت تحميل الصفحه ممايجعل الزائر ينفر من الموقع بسرعه.
2- تصمبم القالب غير منسق وغير متجاوب مع الاجهزه.
3- صعوبة التنقل بين صفحات الموقع .
4- عدم وجود محفزات لبقاء الزائر اطول فتره ممكنه داخل الموقع كمثلا خاصية المقالات المتشابهه اسفل المواضيع.
5- من الاسباب ايضا قلة ربط محتوبات الموقع بعضها ببعض " الروابط الداخليه " مما يعجل بمغادرة الزائر للموقع.

ماهي العوامل التي تؤدي الى انخفاض معدل الارتداد بموقعك

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

1- المحتوى

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

2- سرعة الموقع أو Page Speed

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

3- عدم استخدام النوافذ المنبثقة Popups

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

ومن العوامل الاخرى ايضا :

- تحسين تصميم الموقع الخاص بك
- يجب أن يكون الموقع تصميمه متجاوي مع كل الاجهزه وسهل التنقل بين صفحاته.
- تحديث المحتوى بشكل مستمر – الحفاظ عليه متجددا.
- العمل على تجديد المحتوى للموقع على الاقل بمقال يوميا لكي يلقي الموقع متفاعلا وتسهل ثقة جوجل فيه.
- الروابط الداخلية Internal Linking: الروابط الداخليه في المقاله مثل المشاركات الشائعه والمقالات المتشابهه كلها تعمل على بقاء الزائر أطول فتره ممكنه داخل الموقع مما يعمل على تقليل معدل الارتداد.
- اصلاح الروابط المكسورة او المفقودة Fix Broken Links

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

- تصميم رائع لصفحة الخطأ 404
- فتح الروابط الخارجية في نافذة جديدة
- توافق موقعك مع المتصفحات المختلفة
- المقالات ذات الصلة Related Posts.

خاتمة:

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

أنصحك بقراءة هذه المقالة المتعلقة بطرق زيادة معدل الارتداد bounce rate:
كيفية جعل فيديو متجاوب مع كافة الاجهزة على مدونة بلوجر

اتمنى أم اكون وفقت في ايصال المعلومه لكم.

Soy Sauce Dish

تسريع مدونة بلوجر الى أقصى حد| شرح كود lazy Load و طريقة تركيبه

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

تسريع مدونة بلوجر الى أقصى حد| شرح كود lazy Load و طريقة تركيبه

كود تسريع المدونة الى أقصى حد speed of Blogger Blog

كود تسريع المسجلة الى أقصى حاجز speed of Blogger Blog - في هذا الدرس اخواني اخواتي سنتطرق الى موضوع هام بشكل كبير فيما يتعلق للمدونين الذين يمتلكون مواقع على منصة بلوجر حيث سنرى كود سحري و قوي يقوم بتسريع مدونتك الى أقصى حاجز جائز و بالتالي اخواني الأفضلية التي يوفرها أيضاً هي أن عندما يكون موقعكم سريع سيرتاح الزائر نحو ملاحظة سرعة التصفح على مدونتك و هكذا تتحصل على زوار لموقعك و في الأخير اتمنى ان تستفيدوا من ذلك الدرس .

مع العلم ان سرعة وقت فتح صفحات موقعك Load time من الأسباب الأساسية التي تجعل الزائر لا يمل من تصفح مواضيع مدونتك الامر الذى يرجع عليك بـ باك لينك داخلى internal backlinks أعلى وكذالك حب الزائر لموقعك والرجوع اليه مرة اخرى الأمر الذي يخفف من نسبة bounce rate، اضف الى ذالك ان جوجل فى تقيمها لمكان ما pagerank تضع فى الحساب سرعة الموقع مضاهاة موقعك بالمواقع المسابقة.

دعونا اولا نتعرف على ماهو هذا الكود ووظيفته.

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

شرح تركيب كود lazy Load لتسريع مدونة بلوجر

هذا الكود مهم في تحميل الصور وعرضها وقت الطلب للزائر اثناء وصوله بالقراءه لها فتظهر فورا وهكذا ، وهذا الكود يعمل على أغلبيت المتصفحات:

IE 6-11, Chrome 1-31, Firefox 1.5-27.0, Safari 3-7, Opera 10.6-18.0, iOS 5-7,

Android 2.3-4.4, Amazon Kindle Fire 2 and HD 8.9, Opera Mini 7.

الكود الأول :

<script type='text/javascript'>//<![CDATA[
(function(a) {
    a.fn.lazyload=function(b){var c={threshold:
 
0,failurelimit:0,event:"scroll",effect:"show",container:window;
};
if(b) {
    a.extend(c,b);
}
var d=this;if("scroll"==c.event) {
    a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if
 
(a.abovethetop(this,c)||a.leftofbegin(this,c)){
}
else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)) {
    a(this).trigger("appear");
}
else {
    if(e++>c.failurelimit){return false;
}}});
var f=a.grep(d,function(a) {
    return!a.loaded;
});
d=a(f);
})}
this.each(function() {
var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"));
}
if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||
 
a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)) {
if(c.placeholder){a(b).attr("src",c.placeholder);
}
else {
a(b).removeAttr("src");
}
b.loaded=false;
}
else {
b.loaded=true;
}
a(b).one("appear",function() {
if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr
 
("original"))[c.effect](c.effectspeed);b.loaded=true;
}).attr("src",a(b).attr("original"));
}});
if("scroll"!=c.event) {
a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear");
}})}});
a(c.container).trigger(c.event);return this;
};
a.belowthefold=function(b,c) {
if(c.container===undefined||c.container===window){var d=a(window).height()+a
 
(window).scrollTop();
}
else {
var d=a(c.container).offset().top+a(c.container).height();
}
return d<=a(b).offset().top-c.threshold;
};
a.rightoffold=function(b,c) {
if(c.container===undefined||c.container===window){var d=a(window).width()+a
 
(window).scrollLeft();
}
else {
var d=a(c.container).offset().left+a(c.container).width();
}
return d<=a(b).offset().left-c.threshold;
};
a.abovethetop=function(b,c) {
if(c.container===undefined||c.container===window){var d=a(window).scrollTop();
}
else {
var d=a(c.container).offset().top;
}
return d>=a(b).offset().top+c.threshold+a(b).height();
};
a.leftofbegin=function(b,c) {
if(c.container===undefined||c.container===window){var d=a(window).scrollLeft();
}
else {
var d=a(c.container).offset().left;
}
return d>=a(b).offset().left+c.threshold+a(b).width();
};
a.extend(a.expr[":"], {
"below-the-fold"
:"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold": "!
 
$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold
 
(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold :
 
0, container: window})";
})})(jQuery);$(function() {
$("img").lazyload({placeholder:
 
"http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50";
})})//]]></script>

اضغط ثلات مرات داخل الصندوق لتحديد الكل

طريقة تركيب الكود الأول :
1-خذ نسخة من القالب للاحتياط فقط

2- نبحث عن الوسم /head

3- ونضع الكود فوقه على الفور.

4- ونقوم بحفظ القالب.

الكود الثاني:

<script type='text/javascript'>//<![CDATA[ /*! Lazy Load XT | (C)2014 RESS.io | MIT License * BLOGGER Implementation by khebranet //www.khebranet.tk/2019/03/how-to-speed-your-blog-part-1.html */(function($,window,document,undefined){var lazyLoadXT='lazyLoadXT',dataLazied='lazied',load_error='load error',classLazyHidden='lazy-hidden',docElement=document.documentElement||document.body,forceLoad=(window.onscroll===undefined||!!window.operamini||!docElement.getBoundingClientRect),options={autoInit:true,selector:'img[data-src]',blankImage:'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',throttle:99,forceLoad:forceLoad,loadEvent:'pageshow',updateEvent:'load orientationchange resize scroll touchmove focus',forceEvent:'',oninit:{removeClass:'lazy'},onshow:{addClass:classLazyHidden},onload:{removeClass:classLazyHidden,addClass:'lazy-loaded'},onerror:{removeClass:classLazyHidden},checkDuplicates:true},elementOptions={srcAttr:'data-src',edgeX:0,edgeY:0,visibleOnly:true},$window=$(window),$isFunction=$.isFunction,$extend=$.extend,$data=$.data||function(el,name){return $(el).data(name)},$contains=$.contains||function(parent,el){while(el=el.parentNode){if(el===parent){return true}}return false},elements=[],topLazy=0,waitingMode=0;$[lazyLoadXT]=$extend(options,elementOptions,$[lazyLoadXT]);function getOrDef(obj,prop){return obj[prop]===undefined?options[prop]:obj[prop]}function scrollTop(){var scroll=window.pageYOffset;return(scroll===undefined)?docElement.scrollTop:scroll}$.fn[lazyLoadXT]=function(overrides){overrides=overrides||{};var blankImage=getOrDef(overrides,'blankImage'),checkDuplicates=getOrDef(overrides,'checkDuplicates'),scrollContainer=getOrDef(overrides,'scrollContainer'),elementOptionsOverrides={},prop;$(scrollContainer).on('scroll',queueCheckLazyElements);for(prop in elementOptions){elementOptionsOverrides[prop]=getOrDef(overrides,prop)}return this.each(function(index,el){if(el===window){$(options.selector).lazyLoadXT(overrides)}else{if(checkDuplicates&&$data(el,dataLazied)){return}var $el=$(el).data(dataLazied,1);if(blankImage&&el.tagName==='IMG'&&!el.src){el.src=blankImage}$el[lazyLoadXT]=$extend({},elementOptionsOverrides);triggerEvent('init',$el);elements.push($el)}})};function triggerEvent(event,$el){var handler=options['on'+event];if(handler){if($isFunction(handler)){handler.call($el[0])}else{if(handler.addClass){$el.addClass(handler.addClass)}if(handler.removeClass){$el.removeClass(handler.removeClass)}}}$el.trigger('lazy'+event,[$el]);queueCheckLazyElements()}function triggerLoadOrError(e){triggerEvent(e.type,$(this).off(load_error,triggerLoadOrError))}function checkLazyElements(force){if(!elements.length){return}force=force||options.forceLoad;topLazy=Infinity;var viewportTop=scrollTop(),viewportHeight=window.innerHeight||docElement.clientHeight,viewportWidth=window.innerWidth||docElement.clientWidth,i,length;for(i=0,length=elements.length;i<length;i++){var $el=elements[i],el=$el[0],objData=$el[lazyLoadXT],removeNode=false,visible=force,topEdge;if(!$contains(docElement,el)){removeNode=true}else if(force||!objData.visibleOnly||el.offsetWidth||el.offsetHeight){if(!visible){var elPos=el.getBoundingClientRect(),edgeX=objData.edgeX,edgeY=objData.edgeY;topEdge=(elPos.top+viewportTop-edgeY)-viewportHeight;visible=(topEdge<=viewportTop&&elPos.bottom>-edgeY&&elPos.left<=viewportWidth+edgeX&&elPos.right>-edgeX)}if(visible){triggerEvent('show',$el);var srcAttr=objData.srcAttr,src=$isFunction(srcAttr)?srcAttr($el):el.getAttribute(srcAttr);if(src){$el.on(load_error,triggerLoadOrError);el.src=src}removeNode=true}else{if(topEdge<topLazy){topLazy=topEdge}}}if(removeNode){elements.splice(i--,1);length--}}if(!length){triggerEvent('complete',$(docElement))}}function timeoutLazyElements(){if(waitingMode>1){waitingMode=1;checkLazyElements();setTimeout(timeoutLazyElements,options.throttle)}else{waitingMode=0}}function queueCheckLazyElements(e){if(!elements.length){return}if(e&&e.type==='scroll'&&e.currentTarget===window){if(topLazy>=scrollTop()){return}}if(!waitingMode){setTimeout(timeoutLazyElements,0)}waitingMode=2}function initLazyElements(){$window.lazyLoadXT()}function forceLoadAll(){checkLazyElements(true)}$(document).ready(function(){triggerEvent('start',$window);$window.on(options.loadEvent,initLazyElements).on(options.updateEvent,queueCheckLazyElements).on(options.forceEvent,forceLoadAll);$(document).on(options.updateEvent,queueCheckLazyElements);if(options.autoInit){initLazyElements()}})})(window.jQuery||window.Zepto||window.$,window,document);(function($){var options=$.lazyLoadXT;options.selector+=',video,iframe[data-src]';options.videoPoster='data-poster';$(document).on('lazyshow','video',function(e,$el){var srcAttr=$el.lazyLoadXT.srcAttr,isFuncSrcAttr=$.isFunction(srcAttr);$el.attr('poster',$el.attr(options.videoPoster)).children('source,track').each(function(index,el){var $child=$(el);$child.attr('src',isFuncSrcAttr?srcAttr($child):$child.attr(srcAttr))});this.load()})})(window.jQuery||window.Zepto||window.$); //]]></script>

اضغط ثلات مرات داخل الصندوق لتحديد الكل

طريقة تركيب الكود الثاني :
1-خذ نسخة من القالب للاحتياط فقط
2- نبحث عن الوسم </body>
3- ونضع الكود فوقه على الفور.
4- ونقوم بحفظ القالب.

اتمنى أن اكون وفقت في ايصال المعلومة اليكم, مع وافر تحياتي.

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