الأربعاء، 20 يونيو 2012

طريقة اضافة تعليقات الفيسبوك facebook لمدونة بلوجر (شرح محدث)


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






 أولا انشاء تطبيق على الفيسبوك

الان  توجه الى هدا الرابط     انشاء تطبيق 

 ثم تابع الشرح في الصور




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


 بعد التأكبد ستجد هده 


ثم  انزل للأسفل وضغط على website وضع رابط موقعك كما في الصورة


 
  •  ثم ادا وجدة هده في الاعلاى فانها تعني التعديل تم حفضه وكل شيء حتى الان ممتاز
 


 الان انتهينا من انشاء التطبيق يبقى الان اضافة الأكواد 

ثانيا : اضافة الاكواد  




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

بلنسبة للواجهة الجديدة  :                                               -   بالنسبة للواجهة القديمة :

لاتنسى اخد نسخة احتياطية للقالب                                                        لاتنسى اخد نسخة احتياطية للقالب 

1.لوحة التحكم                                                                                     1 -.لوحة التحكم
2.القالب                                                                                            2  - .تخطيط أوتصميم  
3. ثم تحريرhtml;.                                                                             ثم 3 - تحريرhtml   
 4.متابعة                                                                                          4
-.توسيع القالب 
5 -.توسيع القالب

  ثم ابحث عن الكود التالي :بالضغط على      alt+f 

<html

 ثم ضع بعده  ضع الكود التالي  (يعني ضع مساحة  فقط نقرة بجانب الكود ثم ضع الكود التالي:)



xmlns:fb='http://www.facebook.com/2008/fbml'

 ليصبح هكدا 


 <html xmlns:fb='http://www.facebook.com/2008/fbml' 


  •  ثم قم بالبحث على الكود التالي


<body>

ملاحضة: 
بالنسبة لقوالب بلوجر الجديدة   فانك ستجد  الكود على هدا الشكل



<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

 ثم قم بوضع الكود التالي أسفل احد الكودين حسب ماعندك ,

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : &#39;ضع رقم التطبيق هنا&#39;,
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };
    (function() {
    var e = document.createElement(&#39;script&#39;);
      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
</script> 






 بدل ضع رقم التطبيق هنا   برقم التطبيق الدي أنشأناه 

  •  الان ابحث عن </head>  وضع الكود التالي فوقه مباشرة 
 <meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='
مدونة شامل كول' property='og:site_name'/>
<meta content='
رابط اللوغو أو الصورة الخاص بالمدونة' property='og:image'/>
<meta content='
رقم التطبيق ' property='fb:app_id'/>
<meta content='http://www.facebook.com/chamelcoolblogger' property='fb:admins'/>
<meta content='article' property='og:type'/>

غير مايلي في الكود :

  •  غير مدونة شامل كول  باسم مدونتك
  • غير   رابط اللوغو أو الصورة الخاص بالمدونة  الى صورة لمدونتك  بحيث ستضهر هده الصورة بجانب عنوان موضوعك  على بروفيلات الزوار ويفضل أن تكون بحجم 40px * 40 px
  •   بدل  رقم التطبيق    برقم التطبيق الدي أنشأناه 
  • غير chamelcoolblogger  برابط بوفيلك وليس صفحتك 
ثم الخطوة الأخير وهي البحث عن الكود التالي

  <b:includable id='comment-form' var='post'>

 ثم  ضع تحته مباشرة الكود التالي

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div> <fb:comments  colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
</div>
</b:if>


 ملاحضة : يمكنك تغير مايلي حسب دوقك 
  1.     ar_AR   تجعل  الاداة باللغة العربية  ويمكن ارجاعها بالانجليزية  بوضع    en_US  
  2. light  تعني لون الصندوق الطبيعي  وهي الأبيض  ويمكنك ارجاعه أسود وضع DARK  مكانها 
  3. 520  تعني عرض الاداة ويمكنك التعديل الى مايناسبك
 ثم في الأخير احفض القالب 

وهدا كل شيء أي اتفسار أو مشكل ضعه في التعليق’والسلام عليكم.

أضف أيقونة في أول عنوان موضوعك أو اخره أو فوقه أو تحته لمدونات بلوجر

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


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9qieTTkuha0GDnMTvaRxtLzXdfdhxY5GpTg82toIFMJ9_PeNUBMN_L8fBk6shnAXoVNWbPFGAi10GxdI0Yfax8A5s71s1NMFOym1-wGQkNh-KE6VXQIG3A6X3PmZIhhHdzJlvYf4jDOQY/s1600/resized_111.jpg


 لنمر لتركيب  الاضافة

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-ESUPlj9SK315qD5sSw9yqVWybMnU19XoapwAZKKYfLIA_yG_Kpln9cokO6SZiv4NKTsKdCuung8SpT_GQlx5SlslKYpqVpFI40bj04_7NFyebUG6XcLbwpiroupntykillMy52elKyU/s1600/resized_ez.jpg


  ثم ابحث عن الكود التالي :بالضغط على         alt+f

 <b:if cond='data:post.url'>



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

 <b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>

قم بتضليه وعوضه باحد الاكواد التالية:

  •   ادا أردت وضع أيقونة فوق عنوان موضوعك

 
  <b:if cond='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6CnslmaAA70MqgMtu3Cn8REzHTMJ6yh1aMusbIblR9T2vqy6NUAa6RZ6h61kFBiiGnFZXazA1JaUOv6zqX8Ru0oATjTezIYKSeS6W4zaEvLgW5yR5Ok826cCAAAzwO6NDrt5jdVJkpMPe/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/>
<a expr:href='data:post.url'><data:post.title/></a>


  •   ادا أردت وضع أيقونة  في أول  عنوان موضوعك


 <b:if cond='data:post.url'>
<a expr:href='data:post.url'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6CnslmaAA70MqgMtu3Cn8REzHTMJ6yh1aMusbIblR9T2vqy6NUAa6RZ6h61kFBiiGnFZXazA1JaUOv6zqX8Ru0oATjTezIYKSeS6W4zaEvLgW5yR5Ok826cCAAAzwO6NDrt5jdVJkpMPe/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/><data:post.title/></a>



  •  ادا أردت و ضع اليقونة في نهاية عنوان موضوعك

 <b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6CnslmaAA70MqgMtu3Cn8REzHTMJ6yh1aMusbIblR9T2vqy6NUAa6RZ6h61kFBiiGnFZXazA1JaUOv6zqX8Ru0oATjTezIYKSeS6W4zaEvLgW5yR5Ok826cCAAAzwO6NDrt5jdVJkpMPe/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/></a>


  •  ادا أردت و ضع الايقونة تحث عنوان موضوعك


<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6CnslmaAA70MqgMtu3Cn8REzHTMJ6yh1aMusbIblR9T2vqy6NUAa6RZ6h61kFBiiGnFZXazA1JaUOv6zqX8Ru0oATjTezIYKSeS6W4zaEvLgW5yR5Ok826cCAAAzwO6NDrt5jdVJkpMPe/s1600/check-yes-ok-mp3-icone-5214-128.png' style='border-width:0px'/>


  1.  يمكنك تغير الرابط البرتقالي  الى أي رابط أيقونة ترد ويفضل أن تكون بحجم 32px *32px
  2.  ادا أردت وضع حدود للأيقونة غير   width:0px   غير الصفر باي رقم أكبر 
  3.  ادا لم تكن عند أيقونة جرب هدا الموقع   icones.pro
  4. عاين الاضافة
  5. ثم احفض القالب

هدا كل شيء أي استفسار ضعه في التعليق والسلام عليكم

ضف أداة النشر على المواقع الاجتماعية بطريقة جميلة واحترافية لمدونات بلوجر

كنت قد تطرقت في عدة مواضيع عن طريقة اضافة  أزرار النشر على المواقع الاجتماعية لدورها الكبير في  زيادة شعبية مدونتك  على هده المواقع  الى أنها ليست  كهده الاضافة التي سنتطرق لها وهي طبعا حصرية ....,هي اضافة جميلة ومتميزة  تعطي لمدونك احترافية وتميز عن باقي المدونات الأخرى و تتيح لزوارك نشر مواضيعهم على facebook, goole +1 و twitter,وسترى أني أستعملها شخصيا في مدونتي¨
شكل الاضافة و يمكنك معاينتها في أسفل مدونتي

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYbBYy2XxZY7V26K1yaGkfJbCHlzzb-5DKsEafFSVoqLZ78QQZt7LDSZ5WhStrr2y-NbBUJ7v3k6yfx9KncXtDvICdgc5z64HjYvDuhOKbGk0I0SMdxu95FMbm8geqh_fCXAMjOy67EpyO/s1600/Untitled+2.gif


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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-ESUPlj9SK315qD5sSw9yqVWybMnU19XoapwAZKKYfLIA_yG_Kpln9cokO6SZiv4NKTsKdCuung8SpT_GQlx5SlslKYpqVpFI40bj04_7NFyebUG6XcLbwpiroupntykillMy52elKyU/s1600/resized_ez.jpg


  ثم ابحث عن الكود التالي :بالضغط على         alt+f

<div class='post-footer-line post-footer-line-1'/>

 ملاحضة ان لم  تجده ابحث عن  البديل التالي وهو

 <data:post.body/>


ثم قم بوضع الكود التالي  مباشرة تحث  أحد الكودين حسب ما اخترت

 <b:if cond='data:blog.pageType == "item"'>
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMzYbRZK1QfcafLcOcSSG989pHKMXXxnij6yqdd6_i-IRiYfoAG1zFc-e_L8yRxdfAyVDqpnz1FKpiaUulwSsAkYszTAw0_3NeKd5wEkDGLLBSkgt-yGGNfBtkKlrcERFsb95g60-Xu2Q/s1600/chamelcool2.gif) 0 -7px no-repeat;
    width: 500px;
    margin-left: 65px;
}

.promote_twitter {
    width: 130px;
    height: 38px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 13px;
    text-align: center;
}

.promote_facebook {
    width: 115px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 63px 0 0 28px;
    text-align: center;
}

.promote_google {
    width: 65px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 28px;
    text-align: center;
}
</style>
    <div class='promote_post_bg'>
        <div class='promote_twitter'>
            <a class='twitter-share-button' data-via='chamelcool' href='https://twitter.com/share'>Tweet</a>
            <script>
                !
                function (d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (!d.getElementById(id)) {
                        js = d.createElement(s);
                        js.id = id;
                        js.src = "//platform.twitter.com/widgets.js";
                        fjs.parentNode.insertBefore(js, fjs);
                    }
                }(document, "script", "twitter-wjs");
            </script>
        </div>
        <div class='promote_facebook'>
            <div>
                <b:if cond='data:post.isFirstPost'>
                    <script>
                        (function (d) {
                            var js, id = 'facebook-jssdk';
                            if (d.getElementById(id)) {
                                return;
                            }
                            js = d.createElement('script');
                            js.id = id;
                            js.async = true;
                            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                            d.getElementsByTagName('head')[0].appendChild(js);
                        }(document));
                    </script>
                </b:if>
                <fb:like expr:href="data:post.canonicalUrl" layout='button_count' send='false'
                show_faces='false' font="verdana" action="like" colorscheme="light"></fb:like>
            </div>
        </div>
        <div class='promote_google'>
            <script type='text/javascript'>
                (function () {
                    var po = document.createElement('script');
                    po.type = 'text/javascript';
                    po.async = true;
                    po.src = 'https://apis.google.com/js/plusone.js';
                    var s = document.getElementsByTagName('script')[0];
                    s.parentNode.insertBefore(po, s);
                })();
            </script>
            <g:plusone annotation="none" size='medium'></g:plusone>
        </div>
    </div>
<p style="display:none;"> Sharing Widget by<a href=" http://bloggerpluus.blogspot.com/">chamelcool</a></p>
</b:if>


 ثم قم بحفض القالب 

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

أساسيات السيو ( SEO )






من منا لا يرغب فى خطب ود محركات البحث ؛ لجلب الزيارات إلى مدونته ؟ و كم ستكون خطواتك عثرةً إن غضبت تلك المحركات عليها ! .. حسناً , فالموضوع لا يرتبط بالعواطف , بل بطرق منهجية و أسس محددة لكسب صداقة محركات البحث .. إنها تقنيات السيو SEO.


    -   ما هو السيو SEO ؟

مصطلح SEO هو مختصر جملة ( Search Engine Optimization ) , وتعنى ( تهيئة المواقع لمحركات البحث بالطريقة الأمثل ).

ولا شك أن السيو قد أصبح جزءاً هاماً لا يمكن اغفاله عند انشاء أى موقع أو مدونة ؛ و يفضل البعض أن يقسم معاييره إلى قسمين :

1 -  On Page SEO Techniques
و هى المعايير الداخلية التى يتم تطبيقها من داخل صفحات الموقع ذاته .
2 -  Off Page SEO Techniques
و تمثل المعايير الخارجية التى يتم تطبيقها من خارج الموقع.

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

    -   ما هى أهمية السيو SEO ؟

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

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

    -   معايير SEO

الشكل التوضيحى التالى يبين أهم تلك المعايير مجملةً .. انتظر قليلاً حتى يتم التحميل


    أولاً   Planning - التخطيط

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

-1- Keyword Research - البحث عن الكلمة المفتاحية

اختيار الكلمة أو الجملة المفتاحية التى سيتم تأسيس المدونة أو الموقع عليها هو الخطوة الأهم فى منظومة السيو ؛ حيث يتوجب عليك اختيار كلمة مفتاحية تحقق عدداً معقولاً من عمليات البحث شهرياً , بالاضافة لأن يكون البحث عنها منتظماً على مدار السنة و ليس موسمياً. يمكنك الاعتماد على خدمتى Google Keyword Tool  , Google Trends للتحقق من العاملين السابقين.

أداة Keyword Tool
خدمة Google Trends
يوضح الشكل الأول عدد عمليات البحث التى تتم شهرياً للجملة المفتاحية Pet bedding و الذى يقدر بـ 4400 عملية بحث من داخل الولايات المتحدة , و بإجمالى 8100 لكامل عمليات البحث حول العالم , و هى أرقام مميزة لمن يرغب بإنشاء مدونة نيتش حول هذا الموضوع خاصة و أن سعر انقرة يساوى 1 $. يمكنك الاطلاع على تدوينة بحث الربحية للكلمات المفتاحية لمزيد من التفاصيل حول استخدام أداة Keyword Tool.

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

و للتأكد من امكانية التنافس بتلك الجملة على الظهور بمرتبة متقدمة على محركات البحث , يمكنك الاستعانة ببرنامج Traffic Travis و الذى يعلمك بمدى صعوبة تلك التنافسية ( سهله - سهلة نسبياً - صعبة - صعبة جداً ).راجع تدوينة بحث التنافسية للنيتش للمزيد من التفاصيل.

نتيجة بحث التنافسية عن جملة Pet bedding أنها سهلة نسبياً باستخدام برنامج Traffic Travis

-2- Domain - النطاق

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

******************************************

    ثانياً   On Page SEO - المعايير الداخلية للسيو

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

-1- Page Title - عنوان الصفحة


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

احدى نتائج البحث عن كلمة Keyword Tool فى محرك بحث جوجل

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

مثال لعنوان مبتور تجاوز 70 حرفاً ( لاحظ النقاط الموجودة آخر العنوان )

لذا , يتم حل هذا الاشكال بجعل ( عنوان التدوينة ) قبل ( عنوان المدونة ) ؛ حتى إذا تجاوز العنوان السبعين حرفاً يتم اقتطاع جزء من عنوان المدونة و ليس من عنوان التدوينة ( و هو الأكثر افادة للباحث ) , و بالتالى تزيد من احتمالات نقره على رابط مدونتك.

و لعمل ذلك , قم بالتوجه لقالب المدونة من لوحة تحكم البلوجر , و ابحث عن الكود التالى :
<title><data:blog.pageTitle/></title>
ثم قم باستبداله بالكود التالى :
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<title><data:blog.pageTitle/></title> 
<b:else/> 
<title><data:blog.pageName/> - <data:blog.title/></title> 
</b:if>
و تكون نتيجة هذا التعديل على القالب كما هو موضح :

شكل عنوان نتيجة البحث بعد التعديل ( عنوان التدوينة أولاً ثم عنوان المدونة )

-2- Description - وصف الصفحات


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

البحث عن كود :
    <b:include data='blog' name='all-head-content'/>
ثم اضافة الكود التالى تحته مباشرة :
<meta content='جملة تصف الموقع' name='Description'/>
إلا أن تلك الطريقة تجعل الوصف يتكرر مع كافة صفحات و تدوينات المدونة , و هو ما يخالف صريح تقنيات السيو. أما الطريقة الأمثل فهى وضع وصف خاص لكل تدوينة على حده , و يتم عمل ذلك كما يلى :

من لوحة تحكم البلوجر توجه لقالب المدونة و ابحث عن الكود التالى :
  <head>
قم بلصق الكود التالى أسفل الكود السابق مباشرة :
 <b:if cond='data:blog.pageType != &quot;item&quot;'>

<meta content='وصف عام للموقع يصلح عموماً لأى صفحة' name='description'/>
    <b:else/>


    <b:if cond='data:blog.url == &quot;رابط التدوينة الأولى&quot;'>
<meta content='وصف التدوينة الأولى' name='description'/>
    </b:if>

  <b:if cond='data:blog.url == &quot;رابط التدوينة الثانية&quot;'>
<meta content='وصف التدوينة الثانية' name='description'/>
    </b:if>

    </b:if>
و يتم تكرار الكود باللون الأخضر مع تعديل الروابط و كذلك التوصيف لكل تدوينة جديدة تقوم بكتابتها , وهذا يعنى أنه يجب تعديل القالب مع كل تدوينة جديدة , لكن حقيقةً الأمر يستحق العناء ؛ فالنتيجة تكون مرضية تماماً , و تزداد نسبة نقر الباحثين على تدوينات مدونتك المختلفة على محركات البحث ؛ حيث يطلع الباحث على وصف مكثف للتدوينة يساهم فى اقناعه على النقر .. فتفنن إذن !


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

أما لهؤلاء الذين يريدون جعل كل شئ يتم بصوره أوتوماتيكية , ولا يريدون أن يقوموا بالتعديل على القالب بين الحين و الآخر , فيمكنهم استخدام الكود التالى بدلاً من المذكور سابقاً :
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName + data:blog.title' name='Description'/>
</b:if>

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


-3- Images - الصور
وجود الصور بات أمراً لا خلاف على أهميته , و ربما ينفر الزائر إذا ماكانت الصفحة لا تحتوى إلا على محتوى نصى و فقط و يسارع بالمغادرة. إلا أن الخوارزميات التى تستعملها محركات البحث مازالت قاصرة حتى الآن عن تحليل محتوى الصورة بنفسها , لذا ينصح باجراء بعض التعديلات على أكواد ادراج الصور التى ستستخدمها فى تدويناتك ؛ كى تكون صديقة لمحركات البحث و ذلك عن طريق التالى :

أ - قبل أن تقوم برفع أى صورة لاستخدامها فى تدويناتك , قم باعادة تسميتها بما يتناسب مع محتواها , و يفضل أن يحتوى الاسم على الكلمة المفتاحية التى تحاول استهدافها مع وضع علامة (-) أو (+) بين كلمات الاسم بدلاً من المسافات.

ب - بعد انتهاء عملية الرفع , و ادراج الصورة داخل التدوينة و أنت فى وضع تأليف التدوينة , قم الآن بالدخول على وضع HTML و ستجد كود ادراج الصورة شبيهاً بالتالى :
<img src="http://4.bp.blogspot.com/image-name.jpg"/>
ج - قم بالتعديل على الكود ليصبح هكذا :
<img src="http://4.bp.blogspot.com/image-name.jpg" alt="image Description"/>
د - استبدل image Description بوصف قصير للصورة , و هو ما تستطيع محركات البحث قراءته.

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

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

1 - " تعطى أدسنس بعض الامتيازات و الصلاحيات الأوسع لكبار ناشريهم , و تمنحهم ما يسمى بحساب أدسنس المميز "

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

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

و إذا أردت أن تشير لأى موقع خارجى , فلابد لك من استخدام كود Nofollow ؛ لتمنع تسرب البيدج رانك الخاص بموقعك و للحفاظ على سمعته reputation لدى جوجل , و ذلك بتعديل كود الرابط ليصبح كالتالى :
<a href="www.Externel-site.com" rel="nofollow">visit site</a>
بدلاً من الكود التقليدى و الذى يكون هكذا :
<a href="www.Externel-site.com" >visit site</a>
و هى نقطة يجب أن تؤخذ فى الاعتبار خاصة ان كنت تقوم بعمل تبادل اعلانى مع أى مدونة أخرى و تشير إليها , أو أنك تشير دوماً لمواقع خارجيه سواء للافادة أو لتحميل محتوى ما.

-5- Headings - العناوين الداخلية ( نصائح ذهبية )


عنوان المدونة , و كذلك عناوين التدوينات , و العناوين الفرعية الموجودة فى صلب محتوى التدوينات لها تأثير بالغ على كفاءة السيو الخاصة بمدونتك ؛ حيث يتم تعريف تلك العناوين لعناكب البحث بالأكواد التالية :
<h1> عنوان المدونة </h1>
<h2> عناوين التدوينات </h2>
<h3> عناوين فرعية داخل التدوينة , و كذلك عناوين السايد بار </h3>

 لكن - و للأسف - فإن الوضع الافتراضى لقوالب البلوجر هو أن عناوين التدوينات تأخذ الكود h3 و العناوين الجانبية و الفرعية تأخذ الكود h2 , و هو ما يسبب ضرراً لايستهان به لأداء مدونتك من ناحية السيو ؛ حبث أن النص المحاط بكود h2 أهم من ذلك المحاط بh3 من وجهة نظر محركات البحث ؛ لذا قم بالتأكد من وضعيات تلك الأكواد داخل مدونتك عن طريق الخطوات التالية :

1 - حمل أداة web developer toolbar الخاصة بالفايرفوكس.
2 - بعد تنصيبها , قم بالدخول على الصفحة الرئيسية لمدونتك.

3 - من شريط أدوات مطورى المواقع الذى حملناه , اضغط أيقونة Outline و اختر منها outline headings , ثم اختر أيضاً show element name , كما هو موضح بالصورة أدناه


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



عناوين التدوينات أخذت كود h3 - وضع سئ -
بالطبع - و كما لاحظنا - فإن الوضع يحتاج لتعديل على قالب المدونة للتغلب على المشكلة , و هذا يتم عن طريق التالى :

1 - توجه للتعديل على فالب المدونة من لوحة تحكم بلوجر.

2 - اضغط ctr+f و ابحث عن كل h2 موجودة , و استبدلها ب h9 مثلاً.

3 - ابحث عن كل h3 و استبدلها بـ h2.

4 - الآن قم باستبدال كل h9 بـ h3.

5 - احفظ القالب.
ممتاز , أنت الآن قمت بتبديل أكواد h2 بـ h3 و العكس محسناً بذلك من ترتيب أهمية العناوين لعناكب محركات البحث التى تجوب موقعك بين الحين و الآخر , و للتأكد من قيامك بالعمل على الوجه الأكمل , قم بالتأكد من ذلك باستخدام شريط أدوات مطورى المواقع كما أوضحنا سابقاً.

أما بالنسبة لكود h1 و الخاص بعنوان المدونة ذاتها , فرغم أهميته , إلا أن البعض يقوم بعدم كتابة العنوان و استبداله بصورة فقط , و هذا خطأ شائع أما الأفضل فهو أن تقوم باختيار behind title and description بدلاً من instead of title and description إذا رغبت فى وضع صورة كعنوان للموقع , مع اضافة الكود التالى للقالب :
.Header h1
{
visibility:hidden;
}
-6- keyword Density - كثافة الكلمة المفتاحية


ما الذى يجعل صفحة ما من مدونتك تظهر فى نتائج البحث عند البحث بكلمة cat bedding مثلاً ؟

بالطبع لتواجد تلك الكلمة فى عنوان التدوينات بالاضافة لتواجدها داخل المحتوى النصى للتدوينة ذاتها , لكن أليست هناك كلمات أخرى غيرها ؟ هنا تأتى أهمية معيار ( كثافة الكلمة المفتاحية ) , و هو نسبة ذكر تلك الكلمة مقارنة بباقى الكلمات , أى لو كانت التدوينة من 500 كلمة , و تم ذكر كلمة cat pedding خمسة مرات , فإن كثافة تلك الكلمة تساوى ( 5/500 )*100 أى 1%.

فإذا كنت تستهدف كلمة مفتاحية ما , فيفضل ألا تقل تلك النسبة عن 3 أو 4 % و ألا تزيد عن 5 أو 6% .. بالطبع ليست تلك النسب هى النسب السحرية للسيطرة على الكلمات المفتاحية , و لكن كما يتضح فإن كانت النسبة قليلة فقد تصبح نسبة كلمة أخرى أكبر و بالتالى تصبح هى المستهدفه ( تأثير ذلك يظهر على اعلانات أدسنس المستهدفه ) , و إن كانت النسبة كبيرة فقد تعتبرها محركات البحث spam article .

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

-7- Page Load Time - زمن تحميل الصفحة

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

أ - ابتعد عن أى اضافات Gadgets لا لزوم لها كتلك التى تعرض ساعة , أو الزوار المتواجدون .. إلخ.

ب - اضغط الصور لأقل حجم ممكن باستخدام الامتداد .jpeg , و إن لزم الأمر عرض صورة كبيرة الحجم , فضع thumbnail لها و اربطها بالصورة الأصلية عند النقر عليها.

ج - آخر ما تفكر فيه هو أن تضع ملف صوتى يعمل تلقائياً عند الدخول لموقعك !
د - إذا كنت تستعمل الصور بكثرة فى مدونتك , فأنصحك باضافة الكود التالى فوق <head/> مباشرة
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/addinblogger/how-to-add-in-blogger/lazyload-min.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://sites.google.com/site/addinblogger/how-to-add-in-blogger/grey.gif&quot;,threshold : 200});
});
</script>
حيث سيساهم هذا الكود فى تأخير تحميل الصور حتى يقوم الزائر بعمل scroll down و ذلك للصفحات الطويلة و المليئة بالصور.

و يمكنك الآن , و من خلال الواجهة الجديدة لتحليلات جوجل Google Analytics أن تتعرف على زمن تحميل صفحات مدونتك بدقة و العديد من التحليلات المرتبطة بها و ذلك بالتوجه إلى قائمة content الجانبية , و اختيار Site Speed.


-8- Updating content -تحديث المحتوى

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

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

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

وإن كنت من محبى ( أتمتة ) عملية الربح من أدسنس , أنصحك أن تقوم بتجهيز 48 تدوينة مثلاً ( تعلم كيف تجد المحتوى للمدونات الربحية ) , و من ثم قم بتفعيل خيار schedule , ثم اختر يوماً مختلفاً لكل منها بفاصل 7 أيام بين الواحدة و الأخرى. أتدرى ؟ .. لقد قمت لتوك بأتمتة عملية نشر تدوينة واحدة أسبوعياً فى مدونتك الربحية و لمدة عام كامل !

******************************************

    ثالثاً   Off Page SEO - المعايير الخارجية للسيو

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

-1- Submit to search engines -الاضافة لمحركات البحث

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

طريقة الاضافة لـGoogle : 

توجه إلى رابط اضافة المواقع الخاص بجوجل , و من ثم اكتب عنوان النطاق الخاص بمدونتك ثم اضغط submit Request , مع ملاحظة أنه يجب أن يكون لديك حساب فى Webmaster tools التابع لجوجل كى تتمكن من الاضافة.

- طريقة الاضافة لـBing و yahoo :

أيضاً توجه للرابط التالى , و انزل قليلاً لاسفل الصفحة , ثم اكتب عنوان مدونتك كاملاً واضغط ( ارسال عنوان url ). أما الأفضل فهو أن تقوم بتسجيل الدخول فى أدوت مسؤول الويب الخاصة ب Bing من نفس الرابط السابق ؛ كى تتمكن من اضافة مدونتك للـ yahoo أيضاً حيث أنها ضمت خدمة اضافة المواقع بها إلى تلك الخاصة من Bing.

-2- Link building - بناء الروابط الخارجية


و هى مربط الفرس - كما يقولون - للـ Off-page SEO ؛ فالخوارزميات الأساسية التى تعتمد عليها محركات البحث لعملية الـ  ranking و التى تسمى بـ PageRank مبنية على فكرة أنه لو كان هناك رابط يشير لموقعك من موقع آخر , فإن ذلك يعتبر ( تصويتاً ) على أهمية موقعك , و كلما زاد عدد ( التصويتات ) كلما ارتفع الـ Rank أو رتبة موقعك.

و يمكنك الحصول على تلك الروابط عن طريق عشرات الطرق , لكن تأكد عند بناء روابطك أن يكون عدد جيد منها لا يحمل الوسم nofollow ؛ لأنها بذلك ستكون مجرد روابط لجذب الزيارات و فقط دون أن تكون مساهمة فى رفع مرتبة ( rank ) موفعك.

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

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

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

تبادل الروابط ( التبادل الاعلانى ) :
إذا وجدت مدونة مقاربة فى احصائياتها ( page Rank - Alexa rank - عدد الزوار .. إلخ ) من مدونتك أو أفضل , فلا تتردد فى طلب التبادل الاعلانى بتبادل الروابط.

ملحوظة هامة : إذا كان رابط موقعك , و رابط الموقع الآخر من نفس النوع Dofollow أو Nofollow , فلن يساهم ذلك فى رفع رتبة أى منكما. رتب لأن يكون رابطك dofollow و رابط الموقع الآخر nofollow لمدة زمنية , و عكس ذلك لمدة زمنية أخرى ؛ حتى يؤتى التبادل ثماره

أدلة المقالات :
و ما أكثرها , حيث تقوم أنت بنشر مقال أو أكثر متعلق بمجال مدونتك فى تلك الأدلة التى تتيح لك اضافة رابط موقعك أو مدونتك إن أردت فى نهاية المقال. أرشح لك الألة التالية squidoo.com , ArticleBase.com , Articledashboard.com

أدلة النشر :
كل ما عليك هو اضافة روابط تدويناتك فى تلك الأدلة التى أرشح لك منها Digg.com , Reddit.com , StumbleUpon.com

مواقع التواصل الاجتماعى :
 كالفيس بوك و تويتر و جوجل بلس

مواقع مشاركة الفيديو :
اضافة عدة مقاطع على اليوتيوب أو vimeo مع اضافة رابط مدونتك بجانبها قد يمنحك عدد من الزيارات لم تتخيله يوماً !


شارك

Twitter Delicious Facebook Digg Stumbleupon Favorites