الأحد، 30 سبتمبر 2012



السلام عليكم ورحمة الله وبركاته ،ومرحبا بالجميع في تدوينة جديدة ،اليوم سوف أقدم لكم إضافة جديدة من تصميمي ،تسمح لنا هذه الإضافة بإدارة المدونة من داخل المدونة  ,إذ يمكنك كتابة تدوينة جديدة ،أو التعديل على الرسائل أو الإعدادات,أو مراجعة التعليقات  ....فقط بكبسة زر من مدونتك ،لقد قمت بشرح مثل هذه الإضافة في درس" قائمة إدارة المدونة على مدونات بلوجر " إلا أن هذه الإضافة الجديدة التي سوف أقدمها  اليوم تتميز بكونها :
1- تضم أزرار إدارة المدونة للمنصة الجيدة
2-عبارة عن قائمة ثابثة في أحد جوانب المدونة سواء على جهة اليمين أو اليسار
3- تسهل عليك التنقل بين قوائم حسابك على موقع بلوجر
4-لا تأخذ حيزا كبيرا في تنسيق المدونة
5-إمكانية إخفاءها على الزوار وإظهارها لصاحب المدونة فقط (admin)

1-انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :
]]></b:skin>
ثم قم بوضع الكود التالي قبله :
.bloggermenu {
  position: fixed;
  top: 200px;
  left: 10px;
  width: 24px;
  overflow: hidden;
  padding: 5px;
  background: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  -moz-box-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 1px 1px 3px #666666;
  box-shadow: 1px 1px 3px #666666;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

ملحوظة : لتركيب الإضافة في جهة اليمين ،قم بتغيير الكلمة Left بالكلمة Right.

2-الآن قم بالبحث عن الكود التالي :
<b:include name='feedLinks'/>
فإن لم تجده ،قم بالبحث عن هذا الكود  :
<b:include name='nextprev'/>
ثم قوم بوضع هذا الكود تحت أحد الأكواد السابقة :
<b:include name='ButtonsbloggerFix'/>
3-قم بالبحث عن هذا الكود :
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
ثم ضع الكود التالي بعده مباشرة :

<b:includable id='ButtonsbloggerFix'>
<span class='item-control blog-admin'>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<div class='bloggermenu'>
<a class='layout' href='http://www.blogger.com/home' target='_blank' title='الرئيسية '><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7jr08kkmE2L4viChZRSjJkh7T1MpmFdV28p2ixL8wdtGRahVM7SLjDxO8-50GYhm3YwwcRauHF17eKbBsf6qYlm24nzcczV9OOviXY5hRhzWVLOrRcIDmpLyLx1dpt5ZpYs5_30xqgbk/s1600/blogger.gif' title=''/>
</a>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#overview' target='_blank' title='نظرة عامة '><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhngZK1nUM76RQyG4gFcHjjytI1uYU7dU6KVO23R5tXVGufd5EkMGiozFWRsMjS0zNCJ4biU_OmdJ8TcCPpPhGuP57OMWeyEcRwgc7UQnuY38VdPRk1fddkUFkMmR8PwEGynRxZEjwgPB0/s1600/general+orange.png' title=''/>
</a>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#editor/src=sidebar' target='_blank' title='مشاركة جديدة'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTXdaIVQ4KzWyGUIMvOnXFZ8slhQZBbG9r70t_osFqE5BPmwXJd-nPp1hRKYUSEMshG7RpHBJsWgYQl1aYM5zjzIPG9H-VMfFNILlHjoz0RzywTOWE8Hd6pY6fn1exrV0BDyEhJMj_A-4/s1600/new+message.png' title=''/>
</a>
 <a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#allposts' target='_blank' title='المشاركات'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha1m5zB_a1_uAOMVLRqbysZSxEQyeq1CxQ3tKZvm2lPghCvpJMFq09QXezfFvzxFHNyanEpneVwPxAP6RPKZyjL9gzisYa5EN9LRgluITXu0-lq-PvnCARx-0hNp0hNlg_8D96DSlqMd0/s1600/MOCHARAKAT.png' title=''/>
</a>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#pages' target='_blank' title='الصفحات'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGgzxtRrUk6OGFCI87G0Q_PmfV3NXxTx1HG3RLJdhDYqOzUcoAnjHjD6SEcgnWkLbohF4dJu-bKB4FqGPIxPQEdXbIfrnVj9Fj-MFeKS-O9mrfvQ8wUjXCMTSdGuEHgWByAyIyKFS4pak/s1600/PAGES.png' title=''/>
</a>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#publishedcomments' target='_blank' title='التعليقات'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgId6VcGnHoHbH0Nfd4_DlLg5-YHo6N4Cr0WNR0_sZ1W8pEWAYJicI6PoeaNI-wmaSfJGQ9JWa9UuCRGkTNGg7hFmxnWT6psyFuVVYNU3ja2-xIXa85YouINm_4xRaLy7yqC9OBj3y_cac/s1600/COMMENTS.png' title=''/>
</a>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#googleplus' target='_blank' title='Google +'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPNkZKr7fdihv9mwYrWvYCjKbfy_VmLHH53aVyYdqYZzT_ut-lMuoofN4FxeUTvLDJ6Zg6KUxG7Xl2ZmeTYhehSc80lv2W7TBeQAQWYJ-ONbfCPogeNh1vY73xxRWLf-0L4r70H9LXnY0/s1600/google+plus.png' title=''/>
</a>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#overviewstats' target='_blank' title='الإحصائيات'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHMmKQg-ykjCZ_OJTEzDhff-3N-XHBSVk_wn0s_XcwCCEu3xBMpsMaUgIbjXCO-d6jXrh-3rQrFHbgyVBZLqrzMc47P_HI6frQmj9n6M2Bl9vrrE7gw0vsymxLS9WU-FmB_5kmNTkOOiM/s1600/STATISTIC.png' title=''/>
</a>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#adsensesummary' target='_blank' title='الأرباح'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz_pAjxVKkSNlv-7Gp-DemIwapqdA7LelcHFqVlkLFHl-AHsCTafZZFDJpJEqHV4z_7lcLuxKR5-TpAWli3SNXT95WLiYbIXVbAlBXj9tw4ZHHoswVDe_XBohLGz1EpaiHmh-bDyIHU78/s1600/adsense.png' title=''/>
</a>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#pageelements' target='_blank' title='تخطيط'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-T8Ar9UfqvVAgpj3orEcr0BxYMtIwKu6c-qadDMM8-D07JLem0LOOD69T0-ZXOpryDzAL7Lyhav0PkqtVeAibZ9U-fI9oJ8TFNbw6Fh5VNiqKWCdoffIhRMpVacgmO90D1cKqiRfXGcA/s1600/TAKHTIT.png' title=''/>
</a>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#template' target='_blank' title='قالب'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj47V2p05oqHMLwlC_eHlS427Bszw9__mDTTtPIhQ-Q0_8uLVm1D-RxmYLnKuTNgXDwywvGQpbfoCGo_eII5IGwpFXCnPgX0mMyp4kYmUQpTWgfSpaVqS9zEkPPjCx7Lx5rk2vHgXiACo/s1600/TASMIM.png' title=''/>
</a>
<a class='layout' href='http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxx#basicsettings' target='_blank' title='إعدادات'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnNcqqKeEPoAx5HB5Bt5OscDYqoken7I88o6j6gbczMkbWpLW8DgVB5oAX3NAoEUs0x1tqX-u-e3tijH7XnCEabQy82v5MEf94BgKmZfxHzkhCZNnrvaZCS5fRWVABxiYUiVMDx4iWoaU/s1600/PARAMETRE.png' title=''/>
</a>
</div>
</b:if>
</span>
</b:includable>

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


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

أتمنى أن تروقكم هذه الميزة الجديدة في إنتظار آرائكم وإستفساراتكم



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

تطبيق الإضافات :
1.قم بإضافة القائمة العلوية التي تقوم بإظهار وإخفاء 3 إضافات في وقت واحد من هنا ،لكن لا تقم بتطبيق المرحلة الخامسة والأخيرة والتي يطلب منك إضافة كود بعد الوسم body
2.قم بالبحث عن الوسم :
<body>
ثم ضع تحته هذا الكود 
<div id='toppanel'>
<div id='panel'>
<div class='content clearfix'>
<div class='left'>
<b:section class='left' id='left' maxwidgets='4' showaddelement='yes'>
</b:section>
</div>
<div class='left'>
<b:section class='center' id='center' maxwidgets='4' showaddelement='yes'>
</b:section>
</div>
<div class='left right'>
<b:section class='right' id='right' maxwidgets='4' showaddelement='yes'>
</b:section>
</div>
</div>
</div>
<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>الإدارة</li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' id='open'>إظهار</a>
<a class='close' id='close' style='display: none;'>إخفاء</a>
</li>
<li class='right'/>
</ul>
</div>
</div>
3.قم بالبحث عن الوسم :
]]></b:skin>
ثم ضع فوقه هذا الكود :
ul.adminbar
    {      background-color:#F5EDE3;
        border:1px solid #F5EDE3;
        margin-bottom:8px;
        padding:5px 5px 0;
    }
    ul.adminbar li {
        background-color:#E6DAC9;
        border:1px solid #999999;
        list-style:none outside none;
        margin-bottom:6px;
        outline:1px solid #D0CBE5;
        padding:12px 0px 20px 50px;
}
    ul.adminbar li a
    {      display:block;
        color:#333333 !important;
        text-shadow:1px 1px 0 #fff;
        text-decoration:none;
        font-size:20px;
        height:27px;
        margin:0 0 0 15px;
    }
    a.dashboard
    {      background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEL7H6IQFTF_PfBgBnJOvHLuQ1-rK9Y0fiuijZ2jChK9YrB7vb6WhJkn5g1xoDhoAUsvTYFG_ClHhjNAjrJ2VDrrnyhdc5Y_zHhhUUV8G4m5S1vS_YuQ53vMZXUPNcqieNUP8zx2YcRziL/s1600/dashboard.png) no-repeat 0px 0px;
        padding:4px 0 2px 47px;
    }
        a.settings
    {      background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2cSvtaeai3NOnfnD8tfuMJvg_BVKm14cD66U137InfZtHrrgY4INEtuuM9izOyF-_2sWfafyvgU_HtUI-gQ1YB6WAkvpyxhheOklSvLA0EOhnqJa4jIdjyJ36Hc3VZVU3wLSYN5UwzZfr/s1600/setting+blogger.jpg) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
        a.layout
    {      background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp1IHWga7Yf2v0RknCClE3DgtWoIb0NnRPdbDaf4JHu4SGLkjIis6L9_Yw18qGfRdqD-PW9lvI9q3Cv6KRDqs1ZTWNSbxka-4u6c_Zvx5c5f90Q6Wrt-N5-3Mub2baDdKyoObf2nxx_Hws/s1600/3anasir.jpg) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
        a.editpost
    {      background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ikGTeVsXC0MH53hjD5QUA971QjeuzSPT35yn4TUrYG_fGcl00nWXVMGRGMiouK1HQgoKemPkhOc4QH9rJlnS-679Eh3XmAFaWMUHhCt1WTBIx4hZJR2eXWMWrumBpRcweRiBJ6Gjpdil/s1600/edit.png) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
        a.newpost
    {      background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo0eBM1y1Tz6WcAM5hgQx87Ja_2gYg1flY7iJejmYhTmf59rtu__pk3SNi5SArdxKD3z1yvhgCqiRJflyAg5JZt-l0ip1oCHFsp5M5yPfa3_-SUL_oX0karrRR2SHZP1ekQszvEKsaC5t5/s1600/add+message+blogger.png) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
    a.statistic
    {      background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2JchwUBSIM1j3Xgk9SCEZhyphenhyphen5vZDst-PjxDr4JPwwmav5pNSHqSJzz2EjcZy_hhGq-muNEYcSt4y17xK2CHX_VLtJOCu_tpnHGtpjCotK8AhMzhv3S7IMRjgyL6kC43VaymjT2MyZV65bI/s1600/Statistics+blogger.png) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
4.توجه إلى تصميم مدونتك سوف تلاحظ أنه تمت إضافة 3 قوائم لإضافة أداة جديدة فوق هيدر المدونة 
5.الآن سوف نقوم بإضافة القوائم في الأدوات الجديدة التي تم إنشؤها 
6.القائمة العلوية :
-قم بإضافة هذا الكود في أداة جديدة .
<ul class="adminbar">
<li><a class="layout" href="http://www.blogger.com/rearrange?blogID=xxxxxxxxxx" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOAro080iajmMGz3kK3sHAEzxixQmFKDWtqQWPzYaD2zSLHM4VdjJgbR6L1TZZY1Godb72YRSPr_E0m0SV46F-sj13-patQPOiCHoSAh2WTMFaLYrrCNxN9-txI-89zWN6i1xfwHVd7Hk/s1600/tasmim.png" title="" alt=""/>
</a></li>
<li><a class="statistic" href="http://www.blogger.com/stats2.g?blogID=xxxxxxxxxx" target="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXanXl8rY6v0xGHNxAo3v6NCizVfHutVmXVHQoHMkftEf1I481WBRx3jGbqu-B3ftv0la8AqphyphenhyphenPb5EC3zOz7Xdtxq79nmaQg4v-AP52MxukHD6TGf1JCzLyPLC45Qp_Hvvt6Yv6Oyd3U/s1600/statistic.png" title="" alt=""/>
</a></li>
</ul>
القائمة الوسطى :
-قم بإضافة هذا الكود في أداة جديدة .
<ul class="adminbar">
<li><a class="editpost" href="http://www.blogger.com/posts.g?blogID=xxxxxxxxxx" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcRyA3mlghxR5CrNKYiquOyURCr1mUhpfo6zd1HeRmfnPg6ZwdP3UkWTBKXte_OTvJV3Kvwu7yNFhwTboMnr6McEqfak6JOWUs_L0ZHxR6T1QFEaXfiSqnp9nVMQMV0WHfZj6Ncxq1xuY/s1600/edit+message.png" title="" alt=""/>
</a></li>
<li><a class="newpost" href="http://www.blogger.com/post-create.g?blogID=xxxxxxxxxx" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDviyUpqIhWhLfB1EfYAxRsEASmdYjjfcxJDfHKQJq4ult73udMbAJSRGo3V4NJhzNMcjpfJ7_gr0y9X2RGMlKJRJgPggzbaY7I_cVOYB08XpoYJpuGPiXA3y8n8MLuBPOVb6sY2XERJQ/s1600/new+message.png" title="" alt=""/>
</a></li>
</ul>
القائمة السفلية :
-قم بإضافة هذا الكود في أداة جديدة .
<ul class="adminbar">
<li><a class="dashboard" href="http://www.blogger.com/home" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYsYOZSmJXEZYG-zieQYzSXs0BTgrruNfFIiXHYrmOIlo-0RszdtzErya_3e6rDMkur2jlb_k2dxH_1hDzn8JKtl4aWDr3XP6B5Zjo-opiiEpIpPYWR5hItE4L30BcNkPnOim8OArhjoE/s1600/lawa77a2.png" title="" alt=""/></a></li>
<li><a class="settings" href="http://www.blogger.com/blog-options-basic.g?blogID=xxxxxxxxxx" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyY0H5m85V_FadFpn9mzsFvxDyavkilzacUzx_oWH_hmSrwXpQGr8HW7ceVaZh08cHw7vQSuX8mvhKBV_MqK_PrSPrq9pPEAFsTsxhHtYz1Ncc4OvZoE3hw-MWKzwCUhlKJZOjzwIwnv8/s1600/setting2.png" title="" alt=""/>
</a></li>
</ul>
7.عند إضافتك لجميع القوائم لا تنسى أن تقوم بإستبدال xxxxxxxxxx من جميع أكواد الإضافات الثلات برقم تعريف مدونتك،وللحصول على هذا الرقم كما هو موضح أسفله .
ملاحظة : لقد قمت بتغيير ألوان القائمة العلوية لتكون متناسقة مع مدونتي،لأن الإضافة توجد باللون الأسود كما هو موضح في شرح الأخ خالد 
أتمنى أن تعجبكم هذه الإضافة الجديدة في إنتظار إستفساراتكم وآرائكم حول الموضوع

السبت، 29 سبتمبر 2012



التخطيط أهم مرحلة في بناء الموقع ناجح

التخطيط أهم مرحلة في بناء الموقع ناجح

التخطيط كلمة يمر عليها أصحاب المواقع العرب مرور الكرام وأكثرهم لا يفكر بها , بينما هي مرحلة من أهم مراحل بناء موقع ناجح وتستغرق أشهر وفي بعض الأحيان سنوات حتى يتم إنشاء موقع جديد قادر على المنافسة والصمود في بحر مواقع الويب الهائل الإتساع.
التخطيط عملية ضخمة تشمل الكثير من الأمور وتختلف بإختلاف الموقع ( خدمات مجانية ,خدمات مدفوعة وتجارة الكترونية , مواقع المحتوى , ….)   وفي هذا المقال سنناقش أهم خطواتها لمواقع المحتوى كونها تشكل الغالبية العظمى في مواقع الانترنت العربية وهذه الخطوات هي :
  1. تحديد كلمات وعبارات البحث
  2. تحديد المنافسين ودرجة قوتهم
  3. تحضير البرمجة أو السكربت المستخدم في الموقع
  4. معرفة مصادر الدخل المادي والتمويل و مصادر الزوار

تحديد كلمات وعبارات البحث

تعد هذه الخطوة أهم خطوة في عملية التخطيط فمن خلالها سيتضح الشكل والتوجه العام للموقع وما سيقدمه من محتوى و معلومات , والآن السؤال الذي يجب أن تطرحه :
كيف أستطيع الحصول على كلمات وعبارات البحث؟
لكي تستطيع تحديد أفضل الكلمات والعبارات المناسبة لموقعك يجب عليك جمع المعلومات من عدة مصادر أهمها :
  • وسائل البحث المجانية عن كلمات وعبارات البحث
    هناك وسائل بحث متعددة ولكن الأفضل بينها هو Google external keyword tool وذلك لعدة اسباب أهمها ارتباطه بالبرنامج الاعلاني لجوجل مما يعني أن المعلومات الواردة فيه صحيحة ولأنه يعطيك العديد من الأفكار حول كلمات بحث أخرى
    لنفرض مثلا أننا بحثنا عن كلمة ” لاب توب “البحث عن كلمة لاب توب في جوجل
    عند إجراء عملية البحث سنحصل على نتائج لكلمتنا المختارة وكلمات بحث أخرى مقترحة من جوجل كما في الصورة التالية :
    كلمات وعبارات البحث المرتبطة بكلمة لاب توب
    لاحظ أننا من خلال هذه الصفحة نستطيع معرفة عمليات البحث الشهرية لهذه الكلمة (Global Monthly Searches) وفي مثالنا هذا سنجد ان عمليات البحث الشهرية لكلمة لاب توب هي حوالي 368.000 عملية بحث شهريا وهذا في جوجل وحده, تخيل لو أن موقعك يحتل الصفحة الأولى بهذه الكلمة في محركات البحث (google,yahoo,bing,..) فكم سيكون عدد زوار موقعك يومياً , الآلاف طبعا وهذا من كلمة بحث واحدة فقط علماً انه توجد هناك كلمات تتجاوز عمليات البحث الشهرية عنها الملايين .
    الآن بعد أن علمت الكلمات الأكثر بحثاً من قبل الزوار , قم بعمل قائمة لموقعك بحيث لا تتجاوز 25 كلمة أو عبارة واحرص على جعل الكلمات منوعة ولا تركز على الكلمات ذات الترافيك العالي فقط بل ركز إهتمامك على الكلمات ذات الترافيك القليل نسبيا (5000 باحث مثلا) حيث المنافسة أقل عليها مما يمكنك من السيطرة عليها خلال وقت قصير.
    لاحظ أنه كلما زاد عدد الكلمات في العبارة قل عدد الباحثين وأصبحت السيطرة على الكلمة أسهل , فمثلا عبارة لاب توب توشيبا ذات ترافيك أقل من عبارة لاب توب ولكن السيطرة عليها أسهل.
    ملاحظة : عند البحث احرص على ضبط الخيارات المتقدمة للبحث إلى كل الدول واللغة العربية منعا للبحث عن كلمات في دولة محددة فقط
  • إقتراحات محركات البحث أو ما يعرف بـ Related Searches
    عند إجرائك لأي عملية بحث ستجد أن محركات البحث وبشكل تلقائي ستقدم لك قائمة بكلمات البحث الشبيهة بكلمتك التي تبحث عنها والتي يبحث عادة عنها الزواربحوث متعلقة من جوجل
    بحوث متعلقة من بينج
    هذه القائمة مفيدة جدا لاستخلاص كلمات وعبارات بحث هامة جدا وذات ترافيك علي ( عدد باحثين أكبر ) لذلك احرص على الحصول عليها من كل محركات البحث المشهورة
  • الأصدقاء والمعارف وحتى زوار موقعك
    من خلال أصدقائك وزوار موقعك قد تستطيع الحصول على أفكار وكلمات وعبارات بحث جديدة لم تستطع معرفتها أو إيجادها بالطرق السابقة فمثلا يمكنك أن تسأل عدة أسئلة بسيطة للوصول لمبتغاك : ما الذي يهمك في اللاب توب ؟
الآن أنت قمت بتحديد كلمات وعبارات البحث المناسبة لموقعك لكن كيف تسيطر عليها وتجعل موقعك يظهر في الصفحات الأولى لمحركات البحث بهذه الكلمات هو موضوع آخر يحتاج لشرح مطول وسنناقشه في موضوع لاحق

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

هذا أمر ضروري جدا وخصوصا عند المنافسة على كلمة ذات ترافيك عالي من عمليات البحث , فمن الطبيعي وجود مئات وحتى آلاف المواقع المهتمة بهذه الكلمة والتي تنافس عليها والتي تحتل الصفحات الأولى في محركات البحث بها بالإضافة لإمتلاكها لبيج رانك عالي وألوف الروابط (backlinks) لهذه المواقع , فمن غير المعقول أن تحاول منافستهم من اليوم الأول على هذه الكلمات.
لنعد لمثالنا في كلمة “لاب توب” عند البحث عنها والدخول للنتيجة الأولى سنجد أن الموقع الذي يحتل المرتبة الأولى هو موقع لاب توب العرب في جوجل
الموقع المنافس
روابط الموقع المنافس
لاحظ أن بيج رانك الموقع هو 3 وعدد الصفحات المؤرشفة هو هو أكثر من 380.000 وعدد الروابط أكثر من 47.900
ملاحظة : لمن لا يعلم كيفية الحصول على عدد الصفحات المؤرشفة والباك لينك في جوجل فهو كالتالي :
لمعرفة الصفحات المؤرشفة ابحث عن : site:yourdomain.com
لمعرفة الروابط ابحث عن :  link:http://yourdomain.com
مع استبدال yourdomain.com بدومين الموقع الذي تبحث عنه
هذه البيانات تجعل من الصعب منافسة هذا الموقع في المرحلة الأولى ولكنها ليست بمستحيلة , فقد تستطيع الحلول مكان هذا الموقع في فترة تقل عن سنه بإتباعك الأساليب الصحيحة للسيطرة على كلمة من كلمات البحث ( هذا الموضوع سنتطرق له لاحقاً في موضوع منفصل منعا للتداخل)
لذلك يجب علينا في البداية التركيز على كلمات أقل منافسة حتى نحصل على بيج رانك جيد وعدد جيد من الباك لينك , ولنأخذ مثل عنها كلمة ألعاب لاب توب , بعد البحث سنجد نتيجة واحدة فقط تحوي العبارة “ألعاب لاب توب” وهي النتيجة الأولى وهي عبارة عن صفحة من دليل مواقع أما بقية المواقع الظاهرة فهي مواقع عشوائية ظهرت فيها كلمتي “ألعاب” و “لاب توب” منفصلتين ولكن بسبب قلة عدد الصفحات التي تحوي العبارة كاملة فقد ظهرت هذه النتائج في محركات البحث.
منافسك على كلمة العاب لاب توب
هذه الصفحة ذات بيج رانك 0 وهي صفحة واحدة وليست موقع كامل بالتالي من السهل منافستها خلال فترة قصيرة من الزمن مقارنة بالكلمة الأولى , كما أنه من السهل نسبيا الظهور في الصفحة الأولى لنتائج البحث عن هذه الكلمة بالإعداد الصحيح لصفحة أو أكثر من موقعك.
بالنسبة لمعرفة منافسيك ومعرفة عدد الباك لينك والصفحات المؤرشفة  للمواقع المنافسة أنصح باستخدام Yahoo Site Explorer حيث أنه يعطي نتائج أفضل من جوجل وخاصة لناحية  الباك لينك .
كما ستجد المزيد من المعلومات على الرابط التالي : كيف تعرف أن موقعك مؤرشف في محركات البحث

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

هذه النقطة تعد مشكلة كبيرة لدينا نحن العرب فالكثير منا إما أن يلجأ للتقليد وبالتالي يقوم بشراء منتدى في بي , أو أن يقوم بعمل برمجة خاصة عند إحدى الشركات العربية وبالتالي يدفع مبالغ طائلة من المال دون الحصول على ميزات السكربتات المجانية حتى .
لذلك أنا أنصح جميع أصحاب المواقع الجدد بالإبتعاد عن المنتديات قدر الإمكان لأنها محتوى مكرر وغير قابلة للحصول على بيج رانك مرتفع مثل السكربتات الآخرى مثل الوورد بريس (WordPress) أو غيرها ( هذا سيكون مجال مقال كامل أشرح فيه هذه النقطة لاحقا )
وقد يناقشني البعض بأن السكربتات المدفوعة أفضل من المجانية لكن هذا الكلام وصدقوني عن خبرة هو غير صحيح تماما , فكثير من المواقع العالمية التي بيعت بمئات ملايين الدولارات تعمل على نظام المدونات (WordPress) وهذا يدل على المصداقية العالية والميزات الكبيرة التي توفرها هذه السكربتات بالإضافة لآلوف الإضافات المجانية التي يمكنها تعزيز موقعك بها للحصول على موقع احترافي شكلاً ومضموناً.
من أهم السكربتات المجانية الموثوقة والتي يمكنك الإعتماد عليها لبناء موقع إحترافي متكامل : في المرتبة الأولى مجلة joomla و مدونة الـ WordPress حيث يتمتع هذان السكربتان بميزات رائعة جدا تنافس السكربتات المدفوعة ويتميزان بكثرة الإضافات البرمجية بحيث تستطيع تخصيصهما بأي شكل تريد وبتحديث مستمر مما يعني درجة عالية من الأمن.
تأتي في المرتبة الثانية سكربتان مثل مجلة دوربال و منتديات الـ phpbb و phpnuke وغيرها الكثير من السكربتات المجانية ومفتوحة المصدر.
ولكن في النهاية اختيار البرمجة أو السكربت يعتمد على مدى معرفة صاحب الموقع بالعمل عليها ومعرفته ما يحتاج منها بالضبط وكيف يقوم بتخصيصها للقيام بهذا العمل , بالإضافة لمدى توافقها مع معايير محركات البحث الـseo .
لمزيد من المعلومات أنصحكم بزيارة الرابط التالي : كيف تختار برنامج إدارة محتوى لموقعك

معرفة مصادر الدخل المادي والتمويل و مصادر الزوار

  • مصادر تمويل :
    تختلف مصادر التمويل من موقع لآخر لكن بشكل عام التمويل يكون شخصي لأغلب المواقع العربية وذلك بسبب عدم وجود حس الإستثمار وعدم وجود الدخل المادي المرتفع من هذه المواقع مما يحول دون تحويلها من مواقع شخصية بسيطة إلى شركات ربحية عالمية كما نشاهد في أغلب الدول المتقدمة , لكن توجد هناك بعض الشركات العالمية أو العربية المستعدة لتمويل موقعك أو فكرتك في حال كانت الفكرة جديدة واستطعت أن تثبت لهم أنها فكرة ناجحة من هذه الشركات :
    Google  أبراج كابيتال و National Net Ventures و إنطلاق التابعة لموقع بيت للمزيد من المعلومات قم بزيارة الرابط التالي لمعلومات كاملة عن هذه الشركات :
    http://www.swalif.net/?page_id=253 
    إذا كنت تملك موقع مميز أو فكرة جديدة مميزة قم بعرضها عليهم ربما يقومون بدعمك حتى تنجح.
  • مصادر الدخل :
    أغلب مصادر الدخل للمواقع العربية هي من البرنامج الإعلاني لجوجل (Google Adsense) الذي يدفع مقابل النقرة وهو الأهم والأكثر دفعاً للمواقع العربية , ولكن توجد شركات إعلانية آخرى كثيرة ومنها شركات عربية أهمها : ikoo , ayna وهناك شركات عالمية عديدة تدفع مقابل النقرة لكن معظمها لا يقبل المواقع العربية ومن الشركات التي تقبل المواقع العربية : clicksor , adBrite , AdEngage
    بالإضافة لكثير من شركات الإعلانات التي تدفع مقابل الألف ظهور للإعلان ( صحيح أن المبالغ قليلة لكنها تتحسن كثيراً عند زيادة عدد الزوار وبخاصة الأجانب ) من أهم هذه الشركات : cpxinteractive , YIELDads , z5x , Smowtion
    بالإضافة لطرق آخرى كبيع البنرات الإعلانية على الموقع لفترة محددة أو بيع الروابط النصية  أو رعاية موقعك من قبل إحدى الشركات ( طبعا يجب أن يكون الموقع متميز وذو عدد زوار كبير) أو استخدام موقعك في أحد برامج الأفلييت (affiliate) للترويج لسلعة أو شيء معين مقابل عمولة جيدة …….
    بشكل عام فإن قاعدة الدخل الأهم لموقع الانترنت : كلما حصلت على زورا أكثر كلما زاد دخل موقعك
    طبعا هذه المصادر لمواقع المحتوى المجاني أما بقية المواقع ذات التوجهات الآخرى فلها مصادر آخرى إضافية لن نأتي على ذكرها في هذا المقال.
  • مصادر الزوار :
    أغلب المواقع تعتمد على محركات البحث كمصدر أساسي ومجاني للحصول  على الزوار بشكل مستمر بالإضافة للشبكات الإجتماعية مثل فيس بوك وتويتر مع إمكانياتها الكبيرة لجلب زوار جدد لموقعك خاصة إذا كان موقعك مميز ويحوي معلومات قيمة تشجع الناس على نشره والرجوع إليه
    هناك مصادر آخرى مجانية للزوار لكنها أقل تأثيرا بكثير كأدلة المواقع وبرامج تبادل البنرات والإعلانات المجانية وبرامج تبادل الفتحات الإجبارية (أنصح الجميع بالإبتعاد عنها فهي تسيء لموقعكم وتنفر الزوار عنه)  لكن عدد الزوار القادم منها لموقعك سيكون قليل نسبيا مقارنة بما سبق ذكره.
    المصادر غير المجانية الأشهر للزوار هي الإعلانات بمختلف أشكالها , وهي مفيدة للحصول على زوار مستهدفين للموقع لكن من الصعب الاستمرار بها دون دخل جيد للموقع مع العلم أنك تستطيع كمدير للموقع التوفيق بين مصادر الدخل والتكاليف بحيس تحافظ على موقعك في المقدمة وتجعله مشروح مربح مادياً لك بشكل جيد.
هذه هي أهم النقاط الواجب عليكم معرفتها والتخطيط لها قبل إنشائكم لأي موقع حسب وجهة نظري الشخصية , هذا وقد يضاف لهذه العملية التخطيط لشراء الاستضافة ونوعها والدومين للموقع وأشياء آخرى عديدة لكنني أكتفي في هذا المقال بهذا القدر من المعلومات التي أتمنى أن تكون قد زادت من معرفتكم , كما أتمنى من أي شخص لديه إضافة أو تعليق أن لا يتردد في طرحه حتى نتعلم جميعا , بإنتظار ردودكم وانتظروني في مقالات قادمة.
الميتا تاج meta tags او العلامات الوصفية
العلامات الوصفية عبارة عن كود برمجي يقوم بتزويد عناكب محراكات البحث بمعلومات هامة حول الموقع مثل اسم الموقع, وصف الموقع, الكلمات المفتاحية, الناشر, حقوق الملكية, موعد زيارات عناكب محركات البحث للموقع بخصوص نشر التحديثات, بريد الموقع, وغيرة 
وهيا معلومات هامة وضرورية لتعامل مع الموقع من قبل محركات البحث ومنح الموقع بعض الثقة في معايير تستخدمها بعض محركات البحث وفي نفس الوقت جلب الزوار الى الموقع بواسطة الاسم والوصف والكلمات المفتاحية ويجب ان تكون تلك الاوصاف منطبقة على محتوى موقعك


اين تكون اكواد العلامات الوصفية ميت تاج؟ 
توضع العلامات الوصفية بعد الوسم <head>  وطبعاً قبل </head>


<head>
العلامات الوصفية
......................
......................
......................

</head>



شكل كود العلامات الوصفية ميتا تاج المثالي لمعظم المواقع


كود ميتا تاج 
<meta content='ضع وصف موقعك هنا' name='description'/>
<meta content=' ,ضع, الكلمات, المفتاحية, هنا' name='keywords'/>

<meta content='never' name='Expires'/>
<meta content='global' name='target'/>
<meta content='general' name='rating'/>
<meta content='alhdhd' name='author'/>
<meta content='Copyright (c)حقوق النشر. All Rights Reserved.' name='copyright'/>
<meta content='ar' name='language'/>
<meta content='all' name='audience'/>
<meta content='document' name='resource-type'/>
<meta content='10 days' name='revisit-after'/>
<meta content='ssshdhd@gmail.com' name='Email'/>
<meta content='INDEX,FOLLOW' name='Robots'/>

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

علامة الاسم
<title>مدونة اكسب</title>

كود علامة الوصف تخبر عناكب محركات البحث بوصف الموقع ويجب ان لا يتعدى عدد حروف الوصف 255 حرف فقط
علامة الوصف
<meta content='اكسب زوار باك لينك اشهار نشر مواضيع اربح المال خدمات المواقع' name='description'/>

كود علامة الكلمات المفتاحية تخبر عناكب محركات البحث بعدد من الكلمات لعرض الموقع ضمن نتائج البحث اذا تطابقت تلك الكلمات مع مايبحث عنه اي باحث من خلال محرك البحث. وبحسب اعتقادي ان محرك جوجل استغنى عن هذه الميزة ويعتمد جوجل على امكانياته في استخراج الكلمات المفتاحية ولكن وضع الكلمات المفتاحية يبقى ضروري لان باقي محركات البحث تستخدمها والكثير من الادلة ويجب ان لا يتعدى عدد الكلمات المفتاحية 12 كلمة تفصل بين كل كلمة واخرى بعلامة (,) مثال اخبار, سياسية, احداث, رياضية,
علامة الكلمات المفتاحية
<meta content='اكسب,اربح,زوار,مواقع,باك لينك,اشهار,نشر,مال,ترجمة,انشاء,مدونة,منتدى,عداد,' name='keywords'/>

كود علامة حقوق الملكية او حقوق النشر 
علامة حقوق الملكية
<meta name="copyright" content="مدونة اكسب">

كود علامة اسم الناشر
علامة اسم الناشر
<meta name="author" content="الهدهد">

كود علامة بريد الموقع
علامة بريد الموقع
<meta name="email" content="ssshdhd@gmail.com">

كود علامة اللغة اي لغة الموقع عربية AR اذا كان لغة المواقع انجليزي تكون EN وكل لغة برمزها
علامة اللغة
<meta http-equiv="content-language" content="AR">

كود علامة الترميز تتطلب معرفة نوع الترميز
علامة الترميز
<meta name="Charset" content="UTF-8">

كود علامة الدول المطلوب قدوم الزوار منها تستطيع اختيار دولة او عدة دول وكلمة Global تعني ان الموقع مفتوح لجميع بلدان العالم
علامة الدول المستهدفه
<meta name="Distribution" content="Global">

كود علامة تصنيف الموقع نوع الزوار هل يحوي محتوى يحضر على الاطفال مشاهدته مثلاً  حيث ان  (General عام) و (Restricted مقيد) و(Mature للبالغين) لدينا في المثال الامر عام
علامة التصنيف
<meta name="Rating" content="General">


كود علامة السماح او المنع محركات البحث من فهرسة صفحات ومنع بعض الصفحات
علامة الفهرسة
<meta name="Robots" content="INDEX,FOLLOW">


كود علامة ملخص العنوان ويجب ان لا يتعدى 255 حرفاً
علامة الملخص
<meta name="Abstract" content="مدونة اكسب لخدمات المواقع">


كود علامة مواعيد التحديثات او الطلب من عناكب البحث العودة لحمل التحديثات الى محركات البحث وتستطيع تحديد من يوم واحد الى 365 يوم في المثال الاتي محدد بموعد 7 Days اي اني انزل في الاسبوع الواحد موضوع تقريباً لذلك من غير الممكن اني اطلب من العناكب العودة كل يوم وانا اعرف انني لا احدث مدونتي الا كل اسبوع مرة وطبعاً نفس الوضع على العكس من غير المنطقي ان اطلب من عناكب البحث العوده بعد شهر مثلاً وانا احدث مدونتي اربع مرات في الشهر تقريباً
علامة موعد التحديثات
<meta name="Revisit-after" content="7 Days">



وبخصوص مدونات بلوجر انصح باستبدال كود الاسم او العنوان <title> اذا لم يسبق عليه اي تعديل قد يكون بشكل الاتي
علامة الاسم
<title><data:blog.pagetitle/></title> 



حدده واستبدله بالكود الاتي 
علامة الاسم

<b:include data='blog' name='all-head-content'/>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>


هذ واتمنى لكم التوفيق


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

هذا الموقع لا يطلب منك شيئا فقط ضع رابط وسترى وان تسجلت سيعطيك زوار اكثر بكثير

وهو على الرابط التالي

http://host-tracker.com

طريقة عمله فقط ضع رابطك هنا










ومن بعدها انتظر حتى ياتي الزوار
Subscribe to RSS Feed Follow me on Twitter!