طريقة إنشاء عنوان ويب لصفحات فيس بوك

بعد إنشاءكم لصفحة فايسبوك يطلب منك إختيار الرابط الخاص بها، لكن البعض يتجاهل هذا الأمر. ويصبح رابط الصفحة بعد ذلك بهذا الشكل:
https://www.facebook.com/pages/1521155464770824?ref=hl

 للراغبين في الحصول على رابط خاص أو عنوان ويب بصفحات فايسبوك  ليصبح بهذا الشكل:

 https://www.facebook.com/folfoly

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

- الخطوة 1:
قوموا بفتح صفحة الفايسبوك المراد التحكم بها ثم انقروا على الإعدادت (1) ثم معلومات الصفحة (2) وبعد ذلك عنوان الموقع الإلكتروني لفيس بوك (3).

قوموا بالنقر على هل ترغب بإنشاء عنوان ويب لهذه الصفحة؟

- الخطوة 2:
قوموا بإضافة الإسم الذي تريدونه لصفحتكم. ثم انقروا على تحقق من التوفر.

- الخطوة 3:
اسم المستخدم متوفر يعني أنه بإمكانكم استعماله. يكفي النقر على تأكيد ليتم حفظ الإعدادت ويتم تغيير الإسم لصفحة.

بهذه الطريقة سيصبح عنوان الويب الخاص بصفحتكم قصيرا وخاصا بهذا الشكل، حيث سيتم إضافة إسم الصفحة مباشرة بعد رابط موقع فيس بوك:
https://www.facebook.com/folfoly
 

مفاهيم ومعاني هامة حول سيو SEO

سنتطرق في هذا الدرس من دروس سيو لبعض المفاهيم التي يتم خلطها مما يؤدي لسوء الفهم. والتي ستجدونها مرارا وتكرارا في دروس سيو المستقبلية.

1- الرتبة أو التصنيف Rank, Ranking:

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

2- قيمة الصفحة PageRank:

مواقع اللبحث مثل جوجل لها آليات خاصة تقوم بتحديد أهمية وقيمة صفحة ما على الإنترنت. قيمة صفحة PageRank  تعتبر عاملا مهما في تحديد التصنيف أي رتبة صفحة أو موقع في نتائج البحث. بعض الأشخاص يخلطون بين قيمة صفحة PageRank   Pageو تصنيف صفحة Page Rank، كما رأينا فهما مفهومين مختلفين تماما.

3- الكلمات الرئيسية Keywords:

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

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

عنوان صفحة إنترنت هو النص الموجود بين وسمي <title>العنوان</title> وليس الجملة أو الكلمة التي يتم إدراجها على  رأس نصوص المقالات. هذا اختلاف من المهم معرفته.

5- العوامل الداخلية On-pages factors:

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

6- العوامل الخارجية Off-pages factors:

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

ملف Robots.txt مخصص لمدونات بلوجر

1- ما هي Robots.txt وما هو دورها؟

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

2- كيف يبدو كود Robots.txt:

الكود الخاص بRobots.txt   على مدونات بلوجر يبدو بهذا الشكل:

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://example.blogspot.com/feeds/posts/default?orderby=UPDATED

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

    * User-agent: Mediapartners-Google
هذا الكود يتعلق أساسا بإعلانات جوجل أدسنس، بحيث يسمح لهم بتحليل محتوى المدونة وتقديم الإعلانات بشكل أفضل.

    *  User-agent: *
       هذا الكود يتم كتابته لجميع خيارات ملف Robots.txt ثم نضيف بعد ذلك كود المنع أو السماح.
- Disallow: /search 
هذا الكود يمنع آليات البحث من تصنيف كل ما يتعلق بالفئات. حيث أن كل الصفحات التي تكون بشكل هذا الرابط لن يتم تصنيفها. شاهدوا مثال هنا لرابط يتعلق ب سيو SEO.
http://www.folfoly.com/search/label/SEO
لو قمنا بحذف Disallow: /search فسيتم تصنيف جميع الصفحات.

هنا Allow: / تعني السماح بتصنيف كل محتويات الصفحة الرئيسية.

- منع الزحف على صفحة محددة:
هذا الكود يمنع الزحف على صفحة محددة:
Disallow: /2013/03/post-url.html

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

 * Sitemap: http://example.blogspot.com/feeds/posts/default?orderby=UPDATED
هذا الكود يسمح لآليات البحث بالوصول لكافة روابط المدونة، والجيد بخصوص خارطة المدونة هو أن مواقع البحث تستطيع الوصول لكافة روابط المدونة بدون استثناء.
للوصول لأكبرعدد ممكن من المشاركات يكفي تغيير الكود بهذه الطريقة:
 Sitemap: http://example.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

3- إضافة  Robots.txt لمدونات بلوجر:

بعد توضيحنا كيفية التحكم بملف Robots.txt سنرى طريقة إضافته لمدونات بلوجر. وللقيام بذلك ستتبعون الخطوات التالية:
من واجهة المدونة ننقر على إعدادت، ثم تفضيلات البحث، تحرير ملف robots.txt مخصص، ننقر نعم لتشغيلها ونكتب الكود في الإطار:

طريقة إضافة ملف روبوتس  Robots.txt  لمدونات بلوجر

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

4- كيف تتطلع على ملف Robots.txt الخاص بمدونتك:

للإطلاع على ملف Robots.txt  الخاص بمدونة فلفلاي:
http://www.folfoly.com/robots.txt
بإمكانكم نسخه واستعماله بعد تغييره بما يناسبكم.
 

إضافة أداة آخر المشاركات لمدونات بلوجر

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

أداة آخر المشاركات لمدونات بلوجر

لإضافة هذه الأداة على مدونات بلوجر الخاصة بكم، اتبعو الخطوات التالية

الخطوة 1:
من واجهة التحكم بالمدونة ننقر التخطيط ثم إضافة أداة

الخطوة 2:

نختار HTML/Javascript ونلصق هذا الكود داخل إطار الأداة:

<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"رابط مدونتكم/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://helplogger.blogspot.com/2012/05/recent-posts-widget-with-thumbnails-for.html" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://www.folfoly.com/" target="_blank">أدوات بلوجر</a></div><noscript></noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOOMm2x5pExPHZlfbTEivlzoj2o-R2hc_W1enHZmi8XIU6T7v1xPgicck7peNPAiimLDAPQnOixlRnvEAvDFNXvML9RoIzqLb5EaIzdR89mTNdNPuY6f5ycI8sw4dY27bYRdLM0DmKJ1I/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>

الخطوة 3:
بعض التغييرات التي يتوجب القيام بها قبل حفظ الأداة:
قوموا   رابط موقعكم أو مدونتكم مكان رابط مدونتكم بالأحمر. هذه الأداة تظهر ثماني مشاركات بشكل عشوائي، غيروا الرقم 8 للرقم الذي يناسبكم.

هذا كل ما في الأمر، قوموا بحفظ التغييرات ليتم إضافة اداة أحدث المشاركات لمدونتكم.

خمس أسئلة مهمة قبل إنشاء مدونة

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

أسئلة مهمة قبل الدخول لعالم التدوين

1- أي نوع من المحتوى ستقدمه مدونتي؟

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

2- هل سأكتب للأخرين أم لنفسي فقط؟

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

3- هل سيهتم الآخرون بما أنشره؟

إذا كان ما ستنشره موجها للجمهور، عليك أن تبحث عن الأشياء التي يبحث عنها الناس والتي تهمهم. اكتب عن شيء سيلبي حاجتهم ويدفعهم للعودة مرة أخرى.

4- ما هو هدفي من التدوين؟

مالذي تنتظره من التدوين؟ أن تربح المال؟ الشهرة؟ أم مساعدة الآخرين؟ مهما كان نوع الأهداف التي تبحث عنها، حدد كل شيء منذ البداية. لأن الطريق تختلف بحسب الهدف الذي توصل إليه. ولمساعدة نفسك للقيام بأفضل انطلاقة حدد اهدافك بشكل واضح.

5- هل لدي الوقت لكل هذا؟

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

** هل أنت مدون؟ كيف بدأت وبأي أهداف؟ ساهم برأيك وأفدنا بتعليق.

إضافة زر فايسبوك "أعجبني" لمدونات بلوجر

1- عن زر المشاركة "أعجبني" من فايسبوك؟

زر فايسبوك "أعجبني" لمدونات بلوجر

 

إضافة زر فايسبوك "أعجبني"  Facebook button Share على مدونات بلوجر يعتبر من الطرق المهمة التي تسمح للزوار بمشاركة محتوى مدونة ما وبالتالي الحصول على المزيد: من الزوار. دون أن ننسى أن محركات البحث تعتمد على ذلك في تصنيف نتائج البحث. والمحتوى الذي يتم تداوله اكثر يحصل على المراتب الأولى في فرز نتائج البحث. وهي من التقنيات المستعملة في عالم سيوSEO.
رأينا في درس سابق طريقة إضافة أزرار المشاركة على الشبكات الإجتماعية لمدونات بلوجر، واليوم سنشرح كيف نقوم بإضافة زر المشاركة "أعجبني" من فايسبوك فقط. لما لا وكلنا نعرف أن فايسبوك هو الشبكة الإجتماعية رقم واحد حول العالم مما يجعل يعني أن مشاركة محتوى ما عليها يجعله قريبا وفي مرمى أكبر عدد ممكن من المتصفحين.

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

2- إضافة زر "أعجبني" من فايسبوك لمدونات بلوجر:

الخطوة 1 :
من واجهة التحكم في مدونتك قم باختيار القالب ثم تحرير HTML

الخطوة 2:
من لوحة المفاتيح Ctrl+F ثم البحث عن الكود التالي:
<data:post.body/>
قوموا بالنقر مرتين على Enter من لوحة المفاتيح للعمل على الكود الثاني وليس الأول.

الخطوة 3:
لإضافة زر الإعجاب فايسبوك يكفي نسخ أي من الأكود التاليو لصقه فوق <data:post.body/> مباشرة.

لديكم ثلاث خيارات بالنسبة لأنوا ع الأزرار:

** الزر الأفقي  :
الكود:

<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>

** الزر العمودي:

الكود:

<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/>

** الزر بدون إحصاء:
لا يظهر عدد المعجبين
 الكود:

<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>

+ملاحظة:  إذا أردتم ظهور الزر اسفل المشاركات قوموا بنسخ الكود أسفل الكود <data:post.body/>.

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

كيف تستعمل صورة كرابط

1- الصور والروابط:

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

** مثال:

صورة برابط

صورة عادية بدون رابط

2- إضافة صورة كرابط:

رأينا في الدرس السابق الخاص بالروابط أن النصية أن الكود أو التركيبة الخاصة بالرابط النصي تبدو بهذا الشكل:

<a href="عنوان url ">نص الرابط</a>

الرابط النصي:

 .   هذا الكود يعطينا    مدونة فلفلاي      <a href="http://www.folfoly.com/ ">مدونة فلفلاي</a>

ولدمج الصورة مع الرابط يكفي تعويض النص برابط الصورة (رفع صورة على بلوجر ونسخ رابطها؟) والذي ليصبح بهذا الشكل:

<a href="http://www.folfoly.com/ "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6kvc5ibWDKCUwYP92Mp-me90GoB_fMFhhlQtmKyir0VfNUZfloxOebWWXw7kFaRs5OKNjq8T2T9l3nl6my7IWuj4hePlPIVjojQGwRRS6W2w8kULxNS2_-KsYXbP2tOm5kOrwhtgCrUk/s1600/logo-small.png"></a>

ليعطينا :

وكل ما فعلناه هو تعويض نص "مدونة فلفلاي" برابط الصورة: 

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6kvc5ibWDKCUwYP92Mp-me90GoB_fMFhhlQtmKyir0VfNUZfloxOebWWXw7kFaRs5OKNjq8T2T9l3nl6my7IWuj4hePlPIVjojQGwRRS6W2w8kULxNS2_-KsYXbP2tOm5kOrwhtgCrUk/s1600/logo-small.png">

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

 3- عناصر أخرى لإغناء الرابط بالصورة:

 ** فتح الرابط في نافذة جديدة:  يتم ذلك بإضافة عنصر أخر مع رابط الصورة وهو  target="_blank" ليصبح الرابط:

<a href="http://www.folfoly.com/ " target="_blank"><img src="http://3.bp.blogspot.com/-

Fm_DqakyngE/U5l3qmxxDgI/AAAAAAAACGs/yFcxtb1QzXw/s1600/logo-small.png"></a>

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

<a href="http://www.folfoly.com/ " target="_blank"><img src="http://3.bp.blogspot.com/-

Fm_DqakyngE/U5l3qmxxDgI/AAAAAAAACGs/yFcxtb1QzXw/s1600/logo-small.png" alt="وصف الصورة" ></a>

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

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

تعلم كل شيء حول روابط HTML

1 - ما هي روابط الhtml أو Hyperlinks:

روابط html

روابط الhtml هي  كلمة، مجموعة كلمات، أو صور عندما ننقر عليها يتم فتح صفحة أخرى أو ملف. ولمعرفة بوجود رابط أم لا، يكفي المرور بفأرة الحاسوب من فوقه ليتحول السهم غلى يد صغيرة إذا كان الأمر يتعلق برابط. ودور الروابط يتجلى في التنقل بين محتويات موقع ما عبر صالفحات أو الربط بين المواقع فيما بينها.
لنقم بتجربة ذلك:

هذا رابط         هذا ليس برابط

كل الروابط تبدأ بوسم  <a  وأهم عناصر روابط الhtml هو href لأنه يحدد وجهة الرابط، أي الصفحة أو الملف الذي سيسمح بفتحه أو التنقل إليه.

2- تركيب رابط html مع المثال:

 ** التركيبة أو العناصر المكونة لرابطhtml:

الكود أو التركيبة الخاصة برابط html هي كالتالي:

<a href="عنوان url ">نص الرابط</a>

يبدأ ب <a وينتهي ب  </a>. المكون href   هو الذي يحتوي الرابط وهو أهم العناصر كما قلنا سابقا. ثم نص الرابط الذي يظهر على المتصفح ليتم النقر عليه.

** المثال:

هذاالكود سيعطينا النتيجة التالية كرابط   مدونة فلفلاي  <a href="http://www.folfoly.com/ ">مدونة فلفلاي</a>

+ الرابط ليس بالضرورة أن يكون دائما نصا. بل يمكن استعمال صورة كرابط كذلك.

4- عنصر terget الموجه لروابط html :

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

<a href="http://www.folfoly.com/ " target="_blank">مدونة فلفلاي</a>

قمنا بإضافة target  ليتم فتح الرابط في نافذة جديدة.
لنجرب الأمر:  رابط يفتح على نافذة جديدة   رابط يفتح على نفس الصفحة

! هام:

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

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

طريقة إضافة صورة على بلوجر ونسخ رابطها

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

1- إضافة صورة إلى خوادم بلوجر (جوجل):

سنقو أولا بإضافة الصورة عبر هذه الخطوات:
  * الخطوة 1:
كما نفعل دائما لنشر أي صورة على بلوجر من أداة نشر المقالات سننقر على إضافة صورة:

  * الخطوة 2:
ستفتح نافذة وننقر على اختيار الملفات

  * الخطوة 3:
سنقوم بالبحث عن الصورة على الحاسوب ونقوم بإضافتها

2- الحصول على رابط الصورة:

بعد رفع الصورة وتسجيلها على خوادم بلوجر، يكفي الآن النقر على الصورة بيمين فأرة الحاسوب على الصورة ثم Copy Image 
 Url
  + هذه الطريقة يمكن استعمالها على أي صورة على الإنترنت.

رابط الصورة سيبدو بهذا الشكل مع إسم الصورة في أخره:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQFEUgUCzbVc9cx46bKfLvijnjlWiemnZxTkli6KqZobn25RcvHoB79g5YvIktF4trwcDRj1ZnlQ0PM-gnlw1FwuV163eyd-qdXRdN3yp6_v6U6ggxKXcXKbjQCkRiirDCTEXZpuiYytc/h120/sid.jpg

3- استعمال رابط الصورة وتجربته:

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

كيف تستعمل صورة كرابط؟

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

إضافة تعريف الكاتب أسفل التدوينة لمدونات بلوجر

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

نموذج أداة تعريف الكاتب لمدونة بلوجر

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

شاهد مثال

2- إضافة أداة حول الكاتب اسفل التدوينات على لمدونات بلوجر:

لإضافة أداة تعريف الكاتب على مدونتكم يرجى تتبع هذه الخطوات:
   * الخطوة 1:
من واجهة التحكم بالمدونة نختار القالب ثم تحرير  HTML
  * الخطوة 2:
من لوحة المفاتيح Ctrl+F ثم قوموا بالبحث عن الكود التالي:

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

++ ملاحظة: إذا كان الكود موجود لمرتين فيرجى العمل على الثاني وليس الأول.

  * الخطوة3:
بعد ايجادكم للكود،  قوموا بلصق هذا الكود أسفله مباشرة بعد نسخه:

<style>
.wc-aboutauthor{
float:left;
width:500px;
padding:15px;
border:1px solid #ccc;
margin-bottom:15px;
margin-top:15px;
background:url('http://3.bp.blogspot.com/-t5gDiTb7yUc/UjiYfNUgBBI/AAAAAAAACXI/J1tb_tlU5-k/s1600/backgrounds.png');
color:#444444;
-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);
-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);
box-shadow:0px 0px 10px rgba(0, 0, 0, .3);
}
.wc-aboutauthor h2
{
color:#b6e026;font-family:Helvetica,Arial;font-weight:bold;text-shadow:#64665b 0px 1px 1px;font-size:28px;margin-bottom:-6px;

}
.wc-aboutpic{
float:right;
margin:0 0 0 10px;
}
.wc-aboutpic img{
border:1px solid #999999;
-webkit-transition:-webkit-transform .15s linear;
-moz-transition:-moz-transform .15s linear;
-o-transition:-o-transform .15s linear;transition:transform .15s linear;
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
box-shadow:0 3px 6px rgba(0,0,0,.25);
padding:5px 5px 5px 5px;-webkit-transform:rotate(+5deg);
-moz-transform:rotate(+5deg);-ms-transform:rotate(+5deg);
-o-transform:rotate(+5deg);transform:rotate(+5deg);float:left;
}
.wc-aboutpic img:hover{
background:#FFFFFF;
-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);
-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);
box-shadow:0px 0px 10px rgba(0, 0, 0, .3);
-webkit-transform:rotate(-1deg);
-moz-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
transform:rotate(-1deg);
}
.wc-aboutsoc img
{
height:35px;
margin-bottom:-13px;
}
.wc-aboutsoc p
{
font:16px georgia;
color:#ffffff;
background:#b6e026;
display:inline;
border-radius:5px;
padding:5px;
margin-right:30px;
}
</style>
<b:if cond='data:blog.pageType == "item"'>
<div class='wc-aboutauthor'>
<div class='wc-aboutpic'>
<img alt='Author image' height='150' src='رابط الصورة' width='150'/>
</div>
<h2 >عن الكاتب:</h2>
<p>تعريف الكاتب في بضعة أسطر.. لا تكتبوا قصة حياتكم هنا .. أنا أمزح معكم فقط يا شباب...  </p>
<div class='wc-aboutsoc'>
<p> للتواصل </p><a href='رابط بروفايل فايسبوك'><img src='http://1.bp.blogspot.com/-XtMSvGt9QbM/UiIRj_Z-xkI/AAAAAAAACUE/lxKPo9uepx4/s1600/facebook.png' title='Facebook'/></a> <a href='رابط بروفايل تويتر'> <img src='http://1.bp.blogspot.com/-TD3jCs_IZcg/UiIRjnuFRyI/AAAAAAAACUA/9ZYp0awI3Ss/s1600/twitter.png' title='Twitter'/></a> <a href='رابط بروفايل جوجل بلوس' > <img src='http://4.bp.blogspot.com/-l6tB4HfZcfY/UjdItwk9-7I/AAAAAAAACW4/iHklkLWO_Fs/s1600/google.png' title='Google plus'/></a></div>
</div>
</b:if>

3- بعض التغييرات على أداة تعريف الكاتب:

قد ترغبون بالقيام ببعض التغييرات على أداة حول الكاتب التي قمتم بإضافتها، وإليكم بعض الخيارات التي تستطيعون التحكم بها بحسب مدونتكم:

   * باللون الأحمر: هنا ستقومون بإضافة الرابط الخاص بصورتكم. من المستحسن أن تكون بحجم 150 على 150 طول عرض. (طريقة إضافة صورة على بلوجر ونسخ رابطها).
   * باللون الأخضر: روابط البروفيلات الخاصة بكم على الشبكات الإجتماعية
   * لون عن الكاتب ومربع لنتواصل بالأزرق: قوموا بتغيير الكود لتعويض اللون الأزرق   باللون الذي تحبذونه:  0489e6

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

سيو SEO لتجعل مدونتك في المراتب الأولى

1- عن السيو SEO:

دروس لتعلم SEO سيو

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

2- لماذا يجب تعلم سيو SEO:

إذا كنت تتساءل عن أهمية السيو فإليك هذه الأسئلة:

- هل تريد أن تجعل مدونك أكثر فاعلية وقوة؟

- هل تريد جلب المزيد من الزوار مجانا؟

- هل تريد أن تزيد من ترتيب مدونتك في البايج رانك؟

- هل تريد أن تحتل مدونتك المراتب الأولى على مواقع البحث؟

إذا كان جوابك على كل هذه الأسئلة هو نعم فعليك أن تتعلم كيف تستعمل السيو SEO لأنه اصبح ضرورة لا غنى عنها اليوم في عالم الإنترنت.

3- بعض تقنيات السيو المهمة:

* كيف تجعل موقعك أو مدونتك تظهر على مواقع البحث بسرعة:

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

* ساعد مواقع البحث لتصنيف مدونتك:

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

* المحتوى الغني وإجباريته

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

* الطرق المجانية لجلب المزيد الزوار لمدونتك

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

* كتابة مقالات جيدة وتنافسية

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

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

إظهار أداة بلوجر على صفحات الأرشيف فقط

إخفاء وإظهار أدوات بلوجر

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

1 - فتح أداة تغيير القالب والبحث عن الأداة:

من واجهة  التحكم في المدونة نختار القالب ثم ننقر على تحرير HTML، بعد فتح كود القالب ننقر على Ctrl+F من لوحة المفاتيح ونكتب إسم الأداة ثم Enter لإيجادها. (إذا كنت لا تعرف كيف تجد الأداة المرجو مراجعة الدرس التالي: طريقة البحث عن أداة داخل كود قالب بلوجر ).
بعد إيجادكم للكود سيبدو بهذا الشكل:

<b:widget id='HTML2' locked='false' title='إسم الأداة' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

ليس كل الأدوات تبدو بهذا الشكل، لأن الأدوات تختلف من حيث العناصر المكونة لها. ما يهم هو أن كل الأدوات تبدأ ب  <b:widget  وتنتهي ب  </b:widget>.
دعونا نمر الآن لإضافة الكود الذي سيتحكم بالأداة.

2- إضافة كود التحكم بالأداة لإظهارها على صفحات الأرشيف لوحدها:

لإظهار أداة بلوجر على صفحات الأرشيف مع إخفائها على باقي الصفحات وعلى الصفحة الرئيسية قوموا بإضافة الكود كما يلي:

لاحظوا الكود باللون الأحمر، الأول تحت <b:includable id='main'> . والثاني تحت <b:include name='quickedit'/> كما يلي:
مثال عنوان صفحة => http://folfoly.com/2013/09/how-to-make-money-from-internet.html

<b:widget id='HTML2' locked='false' title='إسم الأداة' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "archive"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

قوموا بحفظ التغييرات وسترون أن الأداة لا تظهر إلا على صفحات الأرشيف لوحدها مع إخفائها على الصفحة الرئيسية وباقي الصفحات والمشاركات

** خيارات أخرى للتحكم بإظهار وإخفاء أدوات بلوجر:
1- إظهار أداة  بلوجر  على المشاركات فقط
2- إظهار أداة بلوجر على صفحة محددة
3- إخفاء أداة بلوجر على صفحة محددة
4- إظهار أداة بلوجر على الصفحات الثابتة
5- إخفاء أداة بلوجر على الصفحات التابث
6- إظهار أداة بلوجر على الصفحة الرئيسية فقط
7- إظهار أداة بلوجر على صفحات الأرشيف فقط

إخفاء أداة بلوجرعلى الصفحات التابثة

إخفاء وإظهار أدوات بلوجر

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

1 - فتح أداة تغيير القالب والبحث عن الأداة:

من واجهة  التحكم في المدونة نختار القالب ثم ننقر على تحرير HTML، بعد فتح كود القالب ننقر على Ctrl+F من لوحة المفاتيح ونكتب إسم الأداة ثم Enter لإيجادها. (إذا كنت لا تعرف كيف تجد الأداة المرجو مراجعة الدرس التالي: طريقة البحث عن أداة داخل كود قالب بلوجر ).
بعد إيجادكم للكود سيبدو بهذا الشكل:

<b:widget id='HTML2' locked='false' title='إسم الأداة' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

ليس كل الأدوات تبدو بهذا الشكل، لأن الأدوات تختلف من حيث العناصر المكونة لها. ما يهم هو أن كل الأدوات تبدأ ب  <b:widget  وتنتهي ب  </b:widget>.
دعونا نمر الآن لإضافة الكود الذي سيتحكم بالأداة.

2- إضافة كود التحكم بالأداة لإخفائها على الصفحات الثابتة لوحدها:

لإخفاء أداة بلوجر على الصفحات الثابتة  مع إظهارها على باقي الصفحات وعلى الصفحة الرئيسية قوموا بإضافة الكود كما يلي:

لاحظوا الكود باللون الأحمر، الأول تحت <b:includable id='main'> . والثاني تحت <b:include name='quickedit'/> كما يلي:
مثال عنوان صفحة => http://folfoly.com/2013/09/how-to-make-money-from-internet.html

<b:widget id='HTML2' locked='false' title='إسم الأداة' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

قوموا بحفظ التغييرات وسترون أن الأداة لا تظهر على الصفحات التابثة لوحدها مع إظهارها على الصفحة الرئيسية وباقي الصفحات والمشاركات

** خيارات أخرى للتحكم بإظهار وإخفاء أدوات بلوجر:
1- إظهار أداة  بلوجر  على المشاركات فقط
2- إظهار أداة بلوجر على صفحة محددة
3- إخفاء أداة بلوجر على صفحة محددة
4- إظهار أداة بلوجر على الصفحات الثابتة
5- إظهار أداة بلوجر على الصفحة الرئيسية فقط
6- إظهار أداة على صفحات الأرشيف فقط
7- إخفاء أداة بلوجر على الصفحات التابث

إظهار أداة بلوجرعلى الصفحات الثابتة فقط

إخفاء وإظهار أدوات بلوجر

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

1 - فتح أداة تغيير القالب والبحث عن الأداة:

من واجهة  التحكم في المدونة نختار القالب ثم ننقر على تحرير HTML، بعد فتح كود القالب ننقر على Ctrl+F من لوحة المفاتيح ونكتب إسم الأداة ثم Enter لإيجادها. (إذا كنت لا تعرف كيف تجد الأداة المرجو مراجعة الدرس التالي: طريقة البحث عن أداة داخل كود قالب بلوجر ).
بعد إيجادكم للكود سيبدو بهذا الشكل:

<b:widget id='HTML2' locked='false' title='إسم الأداة' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

ليس كل الأدوات تبدو بهذا الشكل، لأن الأدوات تختلف من حيث العناصر المكونة لها. ما يهم هو أن كل الأدوات تبدأ ب  <b:widget  وتنتهي ب  </b:widget>.
دعونا نمر الآن لإضافة الكود الذي سيتحكم بالأداة.

2- إضافة كود التحكم بالأداة لإظهارها على الصفحات الثابتة لوحدها:

لإظهار أداة بلوجر على الصفحات الثابتة  مع إخفائها على باقي الصفحات وعلى الصفحة الرئيسية قوموا بإضافة الكود كما يلي:

لاحظوا الكود باللون الأحمر، الأول تحت <b:includable id='main'> . والثاني تحت <b:include name='quickedit'/> كما يلي:
مثال عنوان صفحة => http://folfoly.com/2013/09/how-to-make-money-from-internet.html

<b:widget id='HTML2' locked='false' title='إسم الأداة' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

قوموا بحفظ التغييرات وسترون أن الأداة لا تظهر إلا على الصفحات التابثة لوحدها مع إخفائها على الصفحة الرئيسية وباقي الصفحات والمشاركات

** خيارات أخرى للتحكم بإظهار وإخفاء أدوات بلوجر:
1- إظهار أداة  بلوجر  على المشاركات فقط
2- إظهار أداة بلوجر على صفحة محددة
3- إخفاء أداة بلوجر على صفحة محددة
4- إخفاء أداة بلوجر على الصفحات التابث
5- إظهار أداة بلوجر على الصفحة الرئيسية فقط
6- إظهار أداة على صفحات الأرشيف فقط
7- إظهار أداة بلوجر على الصفحات الثابتة

طريقة البحث عن أداة داخل كود بلوجر

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

1- فتح أداة تغيير القالب

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

2- البحث عن الأداة داخل القالب

هذه الصورة توضح كود القالب وطريقة البحث فيه، الشرح أسف الصورة.

1 - البحث عن الأداة في القالب:

بعد فتح أداة تغيير القالب من لوحة المفاتيح ننقر Ctrl+F للبحث عن الأداة التي نرغب بالتحكم بها ونكتب عنوانها. لنقل مثلا أداة "سجل بريدك حتى لا يفوتك أي جديد". بإمكانكم كتابة إسم الأداة كاملا أو جزء منه فقط كما فعلت حيث كتبت "سجل بريدك" فقط. Enter من لوحة المفاتيح لتظهر الأداة.

2 -إيجاد الأداة:

 كما تشاهدون تم تحديد إسم الاداة بالأصفر.

3 -إظهار الأداة بالكامل:

 على اليسار قوموا بالنقر على السهم الصغير بالاسود لإظهار كافة عناصر الأداة المخفية.

2-شكل الأداة بعد إظهارها:

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

<b:widget id='HTML2' locked='false' title='سجل بريدك حتى لا يفوتك أي جديد' type='HTML'>

<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

ملاحظة: كل الأدوات تبدأ بالوسم  <b:widget وتنتهي بالوسم </b:widget> . مما يعني أنه لإظهار أداة بشكل كامل من الواجب رؤية بداية ونهاية الأداة. 

هكذا ستقومون بالبحث وإظهار أية أداة بلوجر للتحكم فيها بحذفها أو إظهارها وإخفائها كما تحبون.

كيف تكتب مقالات جيدة تنافسية على الإنترنت

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

1- قبل البدء بالكتابة:

قبل أن تخط كلمتك الأولى هناك بعض الخطوات التي يجب أتباعها للإحاطة بشكل عام بما تريد الكتابة حوله. وللقيام بذلك إليك هذه النقط المهمة:

       أ - دراسة المنافسين:

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

      ب - جمع أكبر عدد ممكن من المعلومات حول الموضوع:

من بين الشروط المهمة لجعل ما ستنشره غنيا بالمعلومات ومميزا إلى أبعد حد ممكن.

بعد تعرفك على المنافسين وجمعك لقدر كافي من المعلومات.بإمكانك المرور الآن للبدء بالكتابة.

2- كتابة المقالة:

      أ - تحديد الكلمات الدلالية:

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

      ب - العنوان:

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

     ج - العرض:

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

      د - الخاتمة:

 سطر أو سطرين لإنهاء الموضوع مع إدخال الكلمات الدلالية في الجمل.

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

نموذج وبنية المقالة الجيدة

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

تجربتي مع التدوين والمدونات باختصار

كيف ولماذا أصبحت مدونا؟

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

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

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

 عودتي للتعلم من الإنترنت كانت عبر تعلم برنامج فوتوشوب وبرامج أخرى كان قد حدث أن احتجتها فقمت بتعليم نفسي بنفسي. بعد ذلك سأمر إلى عالم التدوين لأكتشف موقع بلوجر سنة 2010  حيث أنشأت مدونة أكتب فيها مقالات متنوعة وأخرى لنشر الصور التي ألتقطها. تجربة بلوجر أفادتني كثيرا وفتحت بصيرتي على الكثير من أسرار عالم الإنتنرت. من هنا جاءت فكرة إنشاء مدونة، فبعد قراءتي حول الكثير من التجارب الناجحة. قررت إنشاء مدونة تعليمية لتشارك خبرتي وكل ما تعلمته طوال سنوات. فكانت مدونة فلفلاي (مستر معلم سابقا) خلاصة هذه التجربة.

هل أنا راض على ما قدمته؟

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

هل أربح شيئا من مدونة فلفلاي؟

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

ماذا عن المستقبل؟

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

في الختام، إذا كنت تفكر في ولوج عالم التدوين فلا تتردد. وعليك بأمرين أساسيين إذا أردت النجاح والذهاب بعيدا:
* لا تدون من أجل الشهرة والمال وإلا فإنك لن تتقدم قيد أنملة إلى الأمام.
* قدم محتوى جيد، مفيد، وغني وقم بالنشر بشكل منتظم حفاظا على علاقة المدونة بزوارها.

وحظا موفقا للجميع.

طريقة التسجيل في القائمة البريدية وتفعيل الإشتراك

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

1- التسجيل على القائمة البريدية لبلوجر:

في واجهة المدونة توجد أداة التسجيل على القائمة البريدية، على مدونتنا فهي موجودة على اليسار إلى الأعلى. وللتسجيل ستقومون بكتابة بريدكم في الخانة المطلوبة ثم إرسال:

إدخال البريد

بعد النقر على أرسل ستفتح نافذة في الوسط للتأكيد. ستقومون بعد ذلك بإدخال الرمز في الخانة ثم النقر على Complete Subscription Request:

إلى الآن، فقد تم التسجيل في القائمة البريدية بنجاح. لكن المشكلة هي أنكم لن تتوصلوا بشيء مادام التسجيل لم يتم تفعيله. كيف ذلك؟

2- تفعيل الإشتراك من بريدك المسجل

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

التوصل برسالة التفعيل

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

تفعيل الإشتراك

3- ماذا لو لم أجد رسالة التفعيل؟

إذا لم تظهر رسالة التفعيل قم بالحث عنها في" الرسائل الغير مرغوب فيها" أو أعد التسجيل من البداية ليتم إعادة إرسال الرسالة.

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