تدوينة سابقة:           - معنى كلمة السيو seo و أقسامها

السيو الداخلي On-page SEO أو internal SEO : هو كل ما يمكن فعله لجعل الموقع بصفة عامة و الصفحة بصفة خاصة أكثر تهيئة لمحركات البحث.

و لجعل مدونة أكثر تهيئة، هناك أمور يجب القيام بها و أمور يجب تفاديها.

و لنبدأ بما يجب فعله:

•  أول شيء هو اختيار موضوع الموقع أو كلمات مفتاحية Keywords  جيدة. لا تقلي: هذا بسيط فلكلمة "Cars" التي سأختار مثلا عدد  كبير من الباحثين في google، فهذا خاطأ لأن على هذه الكلمة ضغط و تافسية كبيـــرين فلو اخترتها فسيكون من الصــعـــب جدا الظهور في الصفحات الأولى من جوجل، و لهذا فمن الأفضل اختيار كلمة مفتاحية تتكون من كلمتين أو ثلاث و يكون عليها ضغط قليل و لها عدد باحثين متوسط (مثلا: used cars).  (سيتم اضافة شرح لطرق اختيار Keywords جيدة)

• وضع الميتا تاج Meta Tags بشكل صحيح: الكل يعرف الميتا تاج لكن الكثير يضعها بشكل خاطأ أو في مكان خاطأ و لمعرفة الكثير عن الmeta tags و شكلها الصحيح و طريقة و ضعها قم بزيارة هذه التدوينة.

• زيادة كثافة الكلمة المفتاحة Keyword Density و ذلك بذكر الكلمة المفتاحية بضع مرات في المحتوى الذي كتبته أو على الأقل في بداية النص، و قم بوضع الكلمة المفتاحية في العنوان كذلك و في الوصف meta description. و لكن النسبة المئوية الموصى بها هي من %3 إلى %7 و تجاوزها (الإفراط) يضعف من ثقة محركات البحث بموقعك، يمكنك معرفة كثافة الكلمات في صفحة ما باستعمال هاته الأداة: من هنا

• وضع وصف/وسم ALT للصور: فهذا يساعد في ظهور الصورة في محركات بحث الصور (google images ...) و هي مجدية للغاية. لمعرفة المزيد عن هذا الوسم و كيفية اضافتة، زر هذه التدوينة.

• وضع محتوى حصري (أي غير منقول).

• ابقاء عدد كلمات التدوينة (أو الصفحة) حوالي 350 كلمة، يمكنك الحصول على ترتيب جيد حتى بأقل، لكن تذكر أن محركات البحث تحب المحتوى.

• تقديم خريطة موقعك sitemap  لجوجل. اعرف المزيد عن خريطة الموقع.

• وضع ملف robots.txt (خاصة بالمواقع ) اذا كنت لا تريد محركات البحث أن تأرشفة صفحة ما.

• جعل الموقع سهل الإستخدام و التصفح، و ذلك بتفادي الاكثار من الصور و الفلاش و javascipt. فمحركات البحث تستطيع قراءة javascript لكنها تفضل الـ html ، في حين لاتستطيع قراءة محتوى فلاش.

• و ضع الـ keyword في الرابط اذا أمكن، فمحركات البحث تعطي أهمية للرابط كذلك.

و هناك أمور يجب تفاديها:

• نقل المحتوى.

• تغيير الرابط للصفحة.

• اخفاء محتوى ما.

• اخفاء رابط.

• كتابة الـ keyword عدة مرات في الصفحة بشكل مبالغ فيه، فهذا سيرفة نسبة كثافة الكلمة مما سيضعف ثقة محركات البحث بموقعك.

• و ضع عدة صفحات/تدوينات بمحتوى واحد و العنوان كذلك ( نُسَخ).

• Cloaking: وهي طريقة خبيثة للغاية حيث يقوم سكريبت باظهار محتوى مزيف لمحركات البحث.

HJJHY8FPBG2F

» تابع القراءة

وسم ALT: هو وسم (Tag) يصف الصورة و يساعدة محركات البحث كثيرا. كيف؟  فكما يعرف الجميع أن روبوتات هي من تتصفح المواقع و ترسل المعلومات الى محركات البحث و هذه الروبوتات لا تستطيع قراءة ما هومصور/مرسوم في الصورة، و هذا الوسم - Alt tag - هو أفضل وسيلة لمعرفة محتوى الصورة.

و أهم مميزات هذا الوسم هو جلب الزوار من محركات بحث الصور (كـ ask images, yahoo images, google images ....) فالكثير من الأشخاص ينسون إضافة هذا الوسم إلى صورهم و هذا يعطيك نسبة كبيـــــرة للظهور في النتائج الاولى للصور. عن تجربة.

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

أو عند تمرير مأشر الفأرة على الصورة يظهر الوصف.

صورة توضيحية:

و كود اضافة الوسم كالأتي:

<img src="رابط الصورة" alt="وصف الصورة" />

بعض النصائح للحصول على ترتيب جيد في محركات بحث الصور:

• يجب على الوصف أن يكون قصيرا و  يصف الصورة، و تفادى النصوص الطويلة فستلعب ضدك.
• إعطاء الصورة اسم يصفها كذلك. مثلا: في رأيك أيهما أفضل لـseo صورة باسم audi-car.jpg  أم DSC132165.jpg ؟
• يستحسن وضع keyword في الوصف (ليس keyword موقعك بل keyword للصورة) مثلا: "ملعب الكامب نو"، أحسن من: "ملعب الأحلام الذي ..."  (هذا مثال فقط :) )

» تابع القراءة

السيو SEO و هي تصغير لـ Search Engine Optimization أي التهيئة لمحركات البحث و هي تهيئة الموقع لمحركات البحث مثل جوجل و بينغ و ياهو وغيرها من محركات البحث المعروفة التى يستخدمها الاشخاص فى الوصول الى المواقع على شبكة الانترنت ، وايضا تهيئة الموقع لمساعدة عناكب محركات البحث* فى الوصول بسهولة الى صفحات موقعك وادراجها ضمن فهارسها
عناكب محركات البحث عبارة عن : روبوت تستخدمها محركات البحث فى فحص ملايين الصفحات والمواقع بسرعة كبيرة ، والقيام بفرزها حسب المحتوى ثم تقوم بعرضها فى نتائج البحث التى يبحث عنها الباحثيين عن المعلومات و المواقع.



و هذه التهيئة تنقسم الى قسمين:

•  تهيئة داخلية      On-page Optimisation: و هي تهيئة موقعك و صفحاته لمحركات البحث.  تدوينة حول هذا القسم

 و تأتي بعدها:

•  تهيئة خارجية   Off-page Optimisation: و هي مجموعة من النشاطات تقوم بها خارج موقعك. (قريبا نصائح و شرح هذا القسم)

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

» تابع القراءة

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

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

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

ثم قم بوضع هذا الكود بعده مباشرة

<div class='bio-socials noprint' style='height: 260px;padding-top:50px;'>
<!--author bio-->
<style>
.author-bio{
border-right:3px #5D7D91 solid;
margin-right:10px;
marin-bottom:40px;
text-align:justify;
padding:10px;
width:300px;
float:right;   
}
.author-photo{
float:right;
text-align:center;
width:74px;
padding:2px 2px 2px 2px!important;
margin:0 10px 10px 10px;   
}

</style>
<div class='author-bio' style='height: 180px'><div class='author-photo' style='height: 180px'>
    <img alt='كاتب الموضوع' height='70' src='http://lh5.ggpht.com/_XrWO8mEpDy0/TGnrGvu9SDI/AAAAAAAAAw4/BIPUfLK4NVw/author.png' width='70'/>
</div><h3>بقلم باسم</h3>م&#1615;دو&#1613;ن م&#1616;صري , يعشق التدوين عبر منصة بلوجر , يهتم بمتابعة أخبار التكنولوجيا الحديثة ولغات البرمجة وتطوير المواقع .</div>

<!--end author bio-->
<style>
.socialbox{
border-right:3px #5D7D91 solid;
margin-left:10px;
width:190px;
float:left;
padding:10px 0 10px 0!important;
}
.sociallist{
margin:10px 0 10px 0;
width:190px;
list-style:none!important;   
}
.twitter, .facebook, .delicious, .rss, .print{
padding:5px 40px 5px 0!important;
background-repeat:no-repeat;
background-position:160px 6px!important;   
}
.twitter{
background-image:url(&#39;http://lh4.ggpht.com/_XrWO8mEpDy0/TGnJ96bP18I/AAAAAAAAAwo/xB13Xz6sFUc/twitter.png&#39;);
}
.facebook{
background-image:url(&#39;http://lh6.ggpht.com/_XrWO8mEpDy0/TGnJ9lpCxSI/AAAAAAAAAwc/7C82Xc0OySo/facebook.png&#39;)   
}
.delicious{   
background-image:url(&#39;http://lh4.ggpht.com/_XrWO8mEpDy0/TGnJ9js4IeI/AAAAAAAAAwg/_5fpJGxRoTM/delicious.png&#39;);

}
.print{
background-image:url(&#39;http://lh3.ggpht.com/_XrWO8mEpDy0/TGnTo5dKSDI/AAAAAAAAAw0/wg8CVviIlnI/print.png&#39;);

}
.rss{   
background-image:url(&#39;http://lh4.ggpht.com/_XrWO8mEpDy0/TGnJ97o36cI/AAAAAAAAAwk/uwYLor7poos/rss.png&#39;);

}
</style>
<div class='socialbox' style='height: 180px'><h3 style='margin-right:10px;'>شارك أصدقاءك</h3>
<ul class='sociallist'>
<li class='twitter'><a expr:href='&quot;http://twitter.com/share?text=&quot; +data:post.title+ &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=doaibblog&amp;related=اسم مدونتك&quot;' target='_blank'>عبر تويتر</a></li>
<li class='facebook'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'>عبر فيسبوك</a></li>
<li class='delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>أضفه إلى مفضلتك</a></li>
<li class='print'><a href='javascript:window.print()'>اطبع الصفحة</a></li>
<li class='rss'><a href='رابط خلاصات مدونتك' target='_blank'>تابع الخلاصات</a></li>
</ul>
<div class='fblike' style='float:left;' width='100'><b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' float='left' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:40px;'/>
</b:if></div>
</div>

</div>

احفظ قالبك .
تم بحمد الله .

» تابع القراءة

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

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

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

اضف بعده مباشرة الكود التالي:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>

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

]]></b:skin>

اضف فوقه مباشرة الكود التالي :

.jump-link a {
float: right;
display: block;
background-color: #000000;
padding: 3px 3px 3px 3px;
width: 130px;
-moz-border-radius: 10px;
border-radius: 5px;
}
.jump-link a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #BF2323;
}

بامكانك تغيير الالوان الى ما يناسب قالب مدونتك .و اذا اردت تغير الاتجاه الى اليسار بامكانك تغير float: right; الى float: left;

و لتغير اقرا المزيد الى اي عبارة اخرى مثلا اكمل القراءة أو تابع القراءة .

» تابع القراءة

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

]]></b:skin>

2- انسخ الكود التالي والصقه فوقها مباشرة ..

.breadcrumbs{
padding:5px 0px 5px 5px;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

3- الان ابحث عن :

<div class='post hentry uncustomized-post-template'>

4- وانسخ الكود التالي بعدها مباشرة :

<b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    انت تقرأ .. &#187; <a expr:href='data:blog.homepageUrl'>الرئيسية</a> &#187;
    <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
    </b:loop>
    </b:if> &#187; <data:post.title/>
    </div>
    </b:if>
    </b:if>

احفظ القالب ومبروك عليك الاضافة

» تابع القراءة

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

1 . طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية

هذه الطريقة سوف تهم المدونات الشخصية التي يكتب فيها كاتب وحيد، و ستظهر نبذة عنه في أسفل كل مواضيع مدونته.
من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير HTML  و قبل البدء في التعديل احفظ نسخة احتياطية من قالبك على حاسوبك. ضع علامة في خانة توسيع القوالب.
الخطوة الأولى (*) : ابحث عن ]]></b:skin>  و قبله مباشرة ضع كود CSS الآتي :

/* Author Bio */
.postauthor {
    background: #F5F5F5; 
    border-top: 1px solid #e1e1e0; 
    border-bottom: 1px solid #e1e1e0; 
    overflow: hidden; 
    padding: 0.7em;
}
.postauthor img {
    border: 5px solid #e2dede; 
    float: right; 
    margin-left: 1em;
}
.postauthor h3 {
    color: #666; 
    font-size: 1.2em; 
    margin-bottom: 5px; 
    margin-top: 0;
}
.postauthor p {
    color: #515151; 
    font-size: 12px; 
    margin-bottom: 10px;
    margin-top: 0;
}
/* Author Bio End */

الخطوة الثانية :  ابحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة)  ثم مباشرة بعدها ضع الكود الآتي:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
 <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
 <h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
 <p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>

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

2 . طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الجماعية متعددة الكتاب

كثير من المدونات في الآونة الأخيرة بدأت تعتمد على أقلام كاتبين أو أكثر، و الطريقة التي كان ينهجها أصحابها لوضع تعريف للكاتب تكون عبر تضمينه داخل جسم التدوينة و يتكرر الأمر مع كل موضوع. الآن سنضع تعريفات الكتاب في القالب و سيظهر كل تعريف موافقا لموضوع كاتبه.
أولا ستتبع نفس الخطوة الأولى (*)  كما في المدونات الشخصية أي نفس كود CSS ستضعه كما ذكر سابقا.
ثم تبحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة)  و مباشرة بعدها ضع الكود الآتي:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- تعريف الكاتب الأول -->
<b:if cond='data:post.author == &quot;أحمد&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
   <h3>بقلم <a href='Blog Link'> أحمد </a></h3>
   <p> فقرة تضم نبذة عن الكاتب </p>
 </div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == &quot;جواد&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
   <h3>بقلم <a href='Blog Link'> جواد </a></h3>
   <p> فقرة تضم نبذة عن الكاتب </p>
 </div>
</b:if>

</b:if>

قبل الحفظ غير ما لون بالأحمر، و كرر كود تعريف الكاتب الثاني إن كنتم أكثر من كاتبين، و كذلك افعل عند الحاجة.
كذلك يمكن تعديل كود CSS لتعدل خلفية و حدود مستطيل تعريف الكاتب .

» تابع القراءة