كن داعيا للخير

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

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

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

1. أهمية إضافة H1,H2,H3 إلى تدويناتك
2. مبادئ أساسية عن استخدام الترويسة 1،2،3
3. تنسيق العناوين بمدونات بلوجر
4. اختبر موقعك من ناحية Seo
5. اصلاح الأكواد فى موقعك
6. تنسيق العناوين بعد إصلاح الأكواد

إقرأ أيضًا: كيفية تنسيق عنوان صفحات مدونتك على محركات البحث

 أهمية إضافة عناوين H1,H2,H3 إلى تدويناتك

العناوين أو "الترويسات" Heading tags واحدة من أهم آليات السيو فهى لا تقل أهمية عن الميتاتاج أو الكلمات المفتاحية، .........و غير ذلك من الآليات التى يجب أن تستخدمها لزيادة عدد الزوار القادمون من محرك البحث.
تنقسم وسوم العناوين إلى : H1,H2,H3,H4
بحيث تحاط هذه الوسوم العناوين على حسب أهميتها :
فلنفرض أن عنوان الموضوع هو الأهم بالنسبة للزائر >>> فيجب أن يحاط بالوسوم H1
،هناك عناوين فرعية داخل الموضوع >>> يجب أن تحاط بالوسوم H2
وعلى ذلك تعطى إشارة لمحرك البحث بأن يعطى الأولوية للعنوان المحاط بالوسوم H1 ويتقدم عن العناوين المحاطة بالوسوم H2 للظهور فى نتائج البحث.

مبادئ أساسية عن استخدام الترويسة 1،2،3

1.  أهم عنوان فى الصفحة يجب أن يحاط بالوسوم H1  ، لذلك يمكن أن يستخدم لعنوان المدونة أو عنوان التدوينة.
2. يفضل أن يستخدم الوسوم H1 مرة واحدة فى صفحة الويب.
3. يستخدم الوسوم H2 فى العناوين الفرعية ، H3,H4 للعناوين الثانوية الأقل أهمية.
4. تستخدم الكلمات المفتاحية فى العناوين حسب أهميتها.

تنسيق العناوين بقوالب بلوجر:

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

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

لاحظ تبديل الوسوم بين h1,h2 فى الصفحة الرئيسية للمدونة و صفحات التدوينات.

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

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

اختبر موقعك من ناحية Seo

1.  أداة   seositecheckup  فمن خلال إختبار رابط موقعك سيتبين لك كم عدد الوسوم H1,H2,H3,.......... والعناوين التى تحتوى عليها.
2. تحميل وتثبيت شريط أدوات Web Developer لمتصفح فايرفوكس  أو جوجل كروم 

<header itemscope='itemscope' itemtype='http://schema.org/Organization'>

<a expr:href='data:blog.homepageUrl' style='display: block'> 
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> 
        </a>

<!--Header Tags Optimized Code by MBT-->

<b:if cond='data:blog.pageType == &quot;index&quot;'> 
                          <h1 itemprop='name'><a expr:href='data:blog.homepageUrl' itemprop='url' style='display: block'> 
                            <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' itemprop='logo' style='display: block'/><span>your Blog title</span></a> 
                            </h1>

<b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>

<h1 itemprop='name'><a expr:href='data:blog.homepageUrl' itemprop='url' style='display: block'> 
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' itemprop='logo' style='display: block'/><span>My Blogger Tricks</span></a> 
</h1>

<b:else/> 
                                   <h2 itemprop='name'><a expr:href='data:blog.homepageUrl' style='display: block'> 
                            <img itemprop='logo' expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/><span>My Blogger Tricks</span></a></h2>            </b:if>

<div class='titlewrapper'> 
                          <h1 class='title'> 
                            <b:include name='title'/> 
                          </h1> 
                        </div>

<!--Header Tags Optimized Code by MBT-->

<div class='titlewrapper'> 
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
                          <h1 class='title'> 
                            <b:include name='title'/> 
                          </h1>

<b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<h1 class='title'> 
<b:include name='title'/> 
</h1>

<b:else/> 
  <h2 class='title'> <b:include name='title'/></h2> 
</b:if> </b:if> 
                        </div>

تنسيق العناوين فى قالب بلوجر :

#header h1 a,#header h2 a, #header h1 a:visited, #header h2 a:visited{color:#fff; font-size:10px;text-decoration:none;margin:0;padding:0} 
.header h1 span, #header h2 span{text-indent:-999em; display:block;}

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

إختبر مدونتك

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

قوالب بلوجر النموذجية  الخاصة بالجوال

من مميزات القوالب النموذجية

1. يوجد العديد من النماذج المتاحة ذات ألوان مختلفة كما إنها توفر أيضًا القوالب الديناميكية للموبايل.
2. يظهر فى هذا القالب بعض الأدوات  مثل Header, Blog, Profile, AdSense, Attribution
3. يتميز بالسرعة وسهولة فى التصفح حيث يتوفر زر "الصفحة الرئيسية" وأسهم "التالى والسابق" أسفل الموضوعات
4. يتم التعديل التلقائى للخط ليناسب شاشة الجهاز المستخدم .
5. بالنسبة للإعلانات سيتم عرض إعلانين أحدهما فى أعلى الصفحة والآخر فى الجزء السفلى منها.
6. يمكن للزائر المشاركة بالتعليقات ومشاهدة الفيديوهات من خلال أجهزتهم النقالة.

من عيوب هذه القوالب

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

إقرأ أيضًا :

كيف تختار قالب بلوجر المثالى لمدونتك؟

كيفية تفعيل قالب بلوجر للجوال

 توجه إلى لوحة تحكم بلوجر لمدونتك >>  قالب >> إضغط على الترس أسفل عرض الجوال

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

كيفية تركيب قالب بلوجر مخصص للهواتف الذكية

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

ولا تنسى بعد تخصيص القالب إختبار المدونة على مختلف الشاشات 

• لابد ايضًا من الأخذ فى الإعتبار مظهرالأدوات والإضافات المستخدمة فى القالب على الجوال (تعرف على كيفية إخفاء أو إظهار الأدوات على نسخة الهاتف)  ، بما فى ذلك الصور والفيديو المستخدم بالموضوعات ، يمكن الإطلاع على كيفية جعل الفيديو مناسب لجميع الشاشات 

إقرأ أيضا:

كيفية التدوين على بلوجر بإستخدام الهواتف الذكية

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

هل مظهر وتنسيق القالب مناسب لموضوع مدونتك؟

1. إختر قالب مناسب لعرض محتوى مدونتك فإذا كانت مدونة إخبارية فإختر قالب إخبارى وهكذا
2. ألوان القالب يفضل أن تكون هادئة تكون مريحة للعين والبعد عن الألوان الداكنة.
3. أن يعتمد القالب فى تصميمه على التكنولوجية الحديثة من أكواد Html5,Css
4. ألا يكون مزدحم بالأدوات الغير ضرورية. 
5. توجد به أدوات المشاركة فى المواقع الإجتماعية.

هل القالب صديق لمحركات البحث SEO ؟

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

• ثانيًا: التأكد من وجود وسوم العناوين مثل h1,h2,h3,h4  بطريقة صحيحة

هل قالب مدونتك يدعم التصفح عبر الموبايل؟

ما هى سرعة قالب موقعك؟

هل القالب خالى من البرامج الضارة أو الفيروسات

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

هل الزائر يستطيع التنقل بين صفحات موقعك بسهولة؟

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

1. إضافة ثلاث أعمدة أسفل مدونة بلوجر

1. إذهب إلى لوحة تحكم بلوجر ثم تحرير قالب
2. إحتفظ بنسخة إحتياطية من القالب 
3. قم بالبحث عن هذا الكود بإستخدام Ctrl+F

مميزات القالب:

التعديل على القائمة المنسدلة : 

<nav id='navigation'>
<ul class='menu' id='menu'>
<li><a href='http://conda3ianllkhir.blogspot.com/'>الرئيسية</a></li>
<li><a href='http://conda3ianllkhir.blogspot.com/2012/09/blogger-widget.html'>إضافات بلوجر</a></li>
<li><a href='http://conda3ianllkhir.blogspot.com/'>أكواد</a>
<ul class='sub-menu'>
<li><a href='http://conda3ianllkhir.blogspot.com/search/label/seo'>seo</a></li>
<li><a href='http://conda3ianllkhir.blogspot.com/search/label/%D8%A3%D9%83%D9%88%D8%A7%D8%AF%20Html'>Html codes</a></li>
<li><a href='http://conda3ianllkhir.blogspot.com/2012/11/woody-social-menu.html'>قوائم</a></li>
<li><a href='http://conda3ianllkhir.blogspot.com/2012/05/4-1.html'>JQuery Effects</a></li>
<li><a href='http://conda3ianllkhir.blogspot.com/2011/12/animated-last-posts.html'>Lists styles</a></li>
<li><a href='http://conda3ianllkhir.blogspot.com/2012/11/piecemaker-2-3d-slide-show.html'>slideer</a></li>
<li><a href='http://conda3ianllkhir.blogspot.com/search/label/css'>css</a></li>
</ul>
</li>
<li><a href='#'>تطبيقات المواقع</a>
<ul class='sub-menu'>
<li><a href='http://conda3ianllkhir.blogspot.com/2012/12/modern-web-calender.html'>calenders</a></li>
<li><a href='http://conda3ianllkhir.blogspot.com/2012/04/islamic-clocks.html'>islamic clocks</a></li>
<li><a href='http://conda3ianllkhir.blogspot.com/2012/05/blog-post_18.html'>flag clocks</a></li>
<li><a href='#'>islamic clocks</a></li>
</ul>
</li>
<li><a href='http://conda3ianllkhir.blogspot.com/search/label/%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1'>قوالب بلوجر</a></li>
<li><a href='http://conda3ianllkhir.blogspot.com/2010/06/blog-post.html'>الفهرس</a></li>
</ul> 
</nav>
<div class='clear'/>
</div>
</div>