YOUTUBE THUMBS

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

يقدم جوجل كُتيب ارشادى -32 صفحة- يحتوى على تعديلات ممنهجة اذا نفذتها على مدونتك أو موقعك ستكسب ثقة محركات البحث ومن هذه التعديلات التى يناقشها الكُتيب:

1- أساسيات مُحسّن محركات البحث SEO
2- إنشاء عناوين صفحات فريدة ودقيقة
3- استخدام علامة وصفية "تعريفية"
4- تحسين بنية الموقع
5- تحسين بنية عناوين URL
6- جعل موقعك أسهل في التنقل
7- تحسين المحتوى
8- تقديم محتوى وخدمات عالية الجودة
9- كتابة نص رابط أفضل
10- تحسين طريقة استخدامك للصور
11- استخدام علامات العناوين بشكل مناسب
12- التعامل مع برامج الزحف
13- استخدام ملفات robots.txt بشكل فعال
14- تعرّف على ” rel=nofollow ” للروابط
15- تحسين محركات البحث SEO لهواتف الجوال
16- إشعار Google بمواقع الجوال
17- توجيه مستخدمي الجوال بدقة
18- التحليلات وعمليات الترويج
19- روّج لموقعك بأفضل الوسائل
20- استخدام أدوات مشرفي المواقع المجانية

والأن يمكنك تحميل النسختين من كُتيب دليل المبتدئين لتحسين محركات البحث من جوجل (النسخة العربية | النسخة الإنجليزية)

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

أولا: ادخل على لوحة تحكم مدونتك ثم قالب ثم تحرير HTML

ثانيا: ابحث (Ctrl+F) عن الكود التالي

</head>

ثالثا: ضع قبله أو فوقه الكود التالي

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js' type='text/javascript'/>
<script src='http://helplogger.googlecode.com/svn/trunk/jQuery.jGlideMenu.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('#jGlide_001').jGlideMenu({
tileSource : '.jGlide_001_tiles' ,
demoMode : false
}).show();
$('#switch').click(function(){$(this).jGlideMenuToggle();});
});
//]]>
</script>

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

]]></b:skin>

خامسا: ضع قبله أو فوقه الكود التالي

.jGM_box {
position: absolute; /* Change absolute with fixed if you want it to float */
top: 50px; /* Distance from above */
right: 860px; /* Distance from right */
width: 227px;
height: 317px;
background: #fff; /* Background color */
margin: 0;
padding: 0;
border: 1px solid #ccc; /* Border */
overflow: hidden;
}
.jGM_header {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 227px;
background: #d1d1d1; /* Background color for the up bar */
color: #fff;
text-align: right;
vertical-align: middle;
line-height: 18px;
cursor: move;
}
.jGM_header a {
margin-right: 12px;
text-decoration: none;
color: #000 !important;
cursor: pointer;
}
.jGM_wrapper {
position: absolute;
top: 19px;
left: 0;
width: 2270px;
height: 288px;
margin: 0;
padding: 0;
border: 0;
}
.jGM_tile {
position: absolute;
top: 0;
left: 7px;
width: 213px;
height: auto;
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
display: block;
}
.jGM_cats {
width: 100%;
height: 64px;
overflow: hidden;
vertical-align: middle;
text-align: left;
}
.jGM_cats h4 {
font-family: Verdana,Arial,serif;
font-size: 1.8em;
margin: 0;
padding: 2px 0;
line-height: 1.8em;
color: #414141;
font-weight: normal;
}
.jGM_cats p {
font-family: Verdana,tahoma,arial;
font-size: 1em; /* Font size of the description */
margin: 0;
padding: 0;
line-height: 1.2em;
color: #858585; /* Description color */
font-weight: normal;
}
.jGM_pager {
height: 18px;
width: 213px;
line-height: 18px;
margin: 0;
border: 0;
padding: 0;
background: #f6f6f6;
text-align: center;
vertical-align: middle;
}
.jGM_pager a {
text-decoration: none;
font-weight: bold;
text-decoration: none;
display: block;
}
.jGM_pager a:hover { background: #d1d1d1; }
.jGM_pager img { border: 0; margin: 6px 0; }
.jGM_content {
width: 213px;
height: 150px;
margin: 1px 0;
padding: 0;
border: 0;
overflow: hidden;
}
.jGM_content a {
font-family: Tahoma,arial;
text-decoration: none;
color: #333 !important;
height: 18px;
width: 100%;
display: block;
line-height: 18px;
padding: 0 0 0 10px;
background-color: #e6e7e9;
margin: 1px 0;
}
.jGM_content a:hover {
color: #fff !important;
background-color: #4D4E67; /* Bar color on mouseover */
}
.jGM_more {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAes5J_ARdwXuBXGQDkgYMNY2Jv2tmtfZC2GkwAAMUdx_xn4bfWmQd_fHZEE1HajOtBnKtPbDhTG5pFJ7kVBG7bfhBMm32FRWp3KnDaXK2_Mmk-4xJzsQgYve_smys-mAggeYwZ_PPujc/s1600/arrow.gif);
background-repeat: no-repeat;
background-position: 203px 50%;
}
.jGM_back {
position: absolute;
top: 255px;
right: 0;
height: 18px;
width: 52px;
background: #d1d1d1;
line-height: 18px;
vertical-align: middle;
text-align: center;
margin: 10px 0 0 0;
padding: 0;
border: 0;
z-index: 99;
}
.jGM_back a {
height: 100%;
width: 100%;
text-decoration: none;
color: #000 !important; /* Color of the "Back" link */
display: block;
}
.jGM_back a:hover {
color: #fff !important; /* Color of the "Back" link on mouseover */
background: #4D4E67;
}
.jGM_reset {
position: absolute;
top: 255px;
right: 62px;
height: 18px;
width: 52px;
background: #d1d1d1;
line-height: 18px;
vertical-align: middle;
text-align: center;
margin: 10px 0 0 0;
padding: 0;
border: 0;
z-index: 99;
}
.jGM_reset a {
height: 100%;
width: 100%;
text-decoration: none;
color: #000 !important; /* Color of the "Home" link */
display: block;
}
.jGM_reset a:hover {
color: #fff !important; /* Color of the "Home" link on mouseover */
background: #4D4E67;
}

سادسا: قم بحفظ القالب :)

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

<div class="jGM_box" id="jGlide_001">

<ul id="tile_001" class="jGlide_001_tiles" title="عنوان القائمة الرئيسية" alt="وصف القائمة الرئيسية">
<li rel="tile_002">Link 1</li>
<li rel="tile_003">Link 2</li>
<li rel="tile_004">Link 3</li>
<li rel="tile_006">Link 4</li>
<li rel="tile_007">Link 5</li>
<li><a href="URL address">Link 6</a></li>
<li><a href="URL address">Link 7</a></li>
<li><a href="URL address">Link 8</a></li>
<li><a href="URL address">Link 9</a></li>
<li><a href="URL address">Link 10</a></li>
<li><a href="URL address">Link 11</a></li>
</ul>

<ul id="tile_002" class="jGlide_001_tiles" title="عنوان أول قائمة" alt="وصف أول قائمة">
<li rel="tile_005">Link 1.1</li>
<li><a href="URL address">Link 1.2</a></li>
<li><a href="URL address">Link 1.3</a></li>
<li><a href="URL address">Link 1.4</a></li>
</ul>
<ul id="tile_003" class="jGlide_001_tiles" title="عنوان ثانى قائمة" alt="وصف ثانى قائمة">
<li><a href="URL address">Link 2.1</a></li>
<li rel="tile_008">Link 2.2</li>
<li><a href="URL address">Link 2.3</a></li>
</ul>
<ul id="tile_004" class="jGlide_001_tiles" title="عنوان ثالث قائمة" alt="وصف ثالث قائمة">
<li><a href="URL address">Link 3.1</a></li>
<li><a href="URL address">Link 3.2</a></li>
<li><a href="URL address">Link 3.3</a></li>
</ul>

<ul id="tile_006" class="jGlide_001_tiles" title="عنوان رابع قائمة" alt="وصف رابع قائمة">
<li><a href="URL address">Link 4.1</a></li>
<li><a href="URL address">Link 4.2</a></li>
<li><a href="URL address">Link 4.3</a></li>
</ul>
<ul id="tile_007" class="jGlide_001_tiles" title="عنوان خامس قائمة" alt="وصف خامس قائمة">
<li><a href="URL address">Link 5.1</a></li>
<li><a href="URL address">Link 5.2</a></li>
</ul>


<ul id="tile_005" class="jGlide_001_tiles" title="عنوان قائمة فرعية" alt="وصف قائمة جانبية">
<li><a href="URL address">Link 1.1.1</a></li>
<li><a href="URL address">Link 1.1.2</a></li>
</ul>

<ul id="tile_008" class="jGlide_001_tiles" title="عنوان قائمة فرعية" alt="وصف قائمة فرعية">
<li><a href="URL address">Link 1.2.1</a></li>
<li><a href="URL address">Link 1.2.2</a></li>
</ul>
</div>

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

YOUTUBE THUMBS

الصفحات

الثلاثاء، 29 أبريل 2014

قائمة منسدلة أفقية لمدونات بلوجر

الاثنين، 28 أبريل 2014

طريقة استرجاع الموضوعات المحذوفة لمدونات بلوجر

طريقة التعامل مع أداة الصفحات لمدونات بلوجر لعمل قائمة أفقية

فتح ملفات الفيديو والصوت والفلاش فى نافذة منبثقة داخل مدونات بلوجر

كيفية حجب مستخدم أو أكثر من الدخول على مدونات بلوجر ووردبريس وجوملة

الأحد، 6 أبريل 2014

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

قائمة منسدلة رأسية لاختصار روابط مدونات بلوجر وتوفير مساحات أكثر