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

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

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

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

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;}

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

تابع:  أسرع الطرق لإنشاء صور متحركة بدون برامج

</head>

<!--www.condaianllkhir.com-->
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<link href="https://cdn.rawgit.com/DrRO/jqGifPreview/46d8d1dd/jqGifPreview/jqGifPreview.css" rel="stylesheet"></link>
<script src="https://cdn.rawgit.com/DrRO/jqGifPreview/46d8d1dd/jqGifPreview/jqGifPreview.js"></script>

<img class="myImg" src="sample_first_frame.png" data-gif="sample_giphy.gif" />
<script>
 $(function() {
  $(".myImg").jqGifPreview();
 });
</script>

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

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

معاينة الإضافة

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

1. فى البداية قم بإنشاء روبوت على الفيس بوك ماسنجر الخاص بصفحتك على الفيسبوك عبر منصة Chatfuel
2. ثم من لوحة التحكم فى حسابك فى Chatfuel توجه إلى تبويب Grow
3. ثم إضغط على Send to messengr Plugin

كيف تضيف أهم منشورات الفيس بوك وتويتر إلى موقعك 

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

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

 خطوات تركيب تعليقات الفيس بوك:

1. شق خاص بإنشاء تطبيق على الفيس بوك .
2. شق خاص بتركيب الأكواد بقالب مدونتك على بلوجر
3. كيفية إدارة تعليقات الفيس بوك وتفعيل الإشعارات
4. إخفاء صندوق تعليقات بلوجر 

أولًا: إنشاء تطبيق على الفيس بوك

 

 

ثانيًا: تركيب صندوق التعليقات إلى قالب بلوجر

xmlns:fb=’http://www.facebook.com/2008/fbml’

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
    FB.init({xfbml: true, appId: معرف التطبيق });
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/ar_AR/all.js'
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='عنوان المدونة' property='og:site_name'/>
<meta   content='رابط صورة شعار للموقع'   property='og:image'/>
<meta content='معرف التطبيق ID'   property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>

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

لماذا تحتاج الى تحويل محتوى موقعك إلى كتب pdf؟؟

كيف تحول محتوى موقعك إلى كتب إلكترونية تلقائيا؟

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

 

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

 

فائدة التخطيط لمدونتك:

1. تحفزك على إتمام المهام ،فبمجرد كتابة الخطة ستضمن 70% من تحقيق هدفك.
2. تؤدى إلى زيادة حماسك وثقتك بنفسك.
3. لا مجال لجملة "لا أجد ما أكتبه" فعندما تشعر أن ذهنك خالى من الأفكار لكتابة موضوعات جديدة ، فكل ما عليك هو أن تراجع أهدافك التى قمت بكتابتها فى بداية العام ، وبالتأكيد ستتدفق الأفكار فى رأسك.
4. وضع إطار زمنى محدد لتحقيق أهدافك يعمل على زيادة التركيز و إلزامك لنفسك بتنفيذ تلك الأهداف فى هذه الفترة.
5. تشجعك على التغلب على المعوقات التى قد تواجهك وتحبط عزيمتك.
6. إذا لم تقوم بإنشاء خطة واضحة فقد تعانى من فترات تكاسل وملل الذى يؤدى إلى الإحباط.
7. الحفاظ على وقتك من الإهدار : فالتخطيط مرتبط دائمًا بإدارة الوقت ، ففى حالة وجود خطة ستجد نفسك تحاول إستغلال كل لحظة لإنجاز المهام التى حددتها.

تابع أيضًا: كيفية تنظيم وقتك كمدون لإدارة موقعك

ثانيًا:  إنشاء جدول زمنى للخطة السنوية:

1. ترتيب الأهداف طبقًا لأولويتها فالمدون يقع على عاتقه العديد من المهام أهمها طبعًا هى صناعة المحتوى الذى يجب أن يعطيه الإهتمام الأكبر فى خطته ولكن أيضًا يجب ألا يهمل الجوانب الأخرى مثل "التسويق وإشهار الموقع ، القراءة والإطلاع ،صيانة الموقع،........".
2.  جدولة أفكارك و عمل تصور عن نوعية الموضوعات التى سوف تقوم بكتابتها خلال هذا العام ، فيمكن تصنيفها إلى "موضوعات موسمية ، أخبار ، دروس،......" و تحديد ما سوف تكتبه فى كل قسم.
3.  تحديد مواعيد نشر الموضوعات: بحيث أن يكون النشر بصفة منتظمة ليكون محتوى مدونتك متجدد دائما .
4. أضف إلى خطتك إستخدام إستراتيجية جديدة للتسويق ونشر الموقع: فإذا كنت إستخدمت إحدى طرق التسويق وكانت لها نتائج جيدة فى الفترة السابقة فلا بأس أن تستمر بإتباع هذه الطريقة المجربة والمضمونة ، ولكن ما المانع أن تجرب إستراتيجية جديدة بجانبها ، فمثلًا إذا كنت تعتمد على التسويق من خلال المواقع الإجتماعية فيمكن تجربة إستراتيجيات أخرى مثل: "الإشعارات ، القائمة البريدية ، الإنفوجرافيك ،.....وغيرها".
5. مراعاة إستخدام أحدث وسائل السيو للعام الحالى: فأضف إلى خطتك إستخدام "الكلمات المفتاحية ، بناء الروابط الخلفية الجيدة Back links  ،التجاوب مع الموبايل...........وغيرها"حتى يتصدر موقعك دائمًا نتائج البحث، كما يجب متابعة أحدث أخبار تقنيات السيو التى تتغير من عام لآخر .
6. تطوير قالب موقعك : تأكد من أن موقعك يظهر بشكل سليم على أحدث الأجهزة ، فإذا كان موقعك غير متجاوب مع جميع الشاشات أو بطئ فى التصفح فضع فى خطتك تغيير هذا القالب إلى قالب آخر يفى بمتطلبات التقنيات الحديثة. 
7. التجديد فى عرض المحتوى : إذا كنت تعتمد على المحتوى النصى فلما لا تجرب توصيل المعلومة عن طريق فيديو أو إستخدام الصور ، و تعطى الفرصة لزائر موقعك متابعة المحتوى بالطريقة التى يفضلها.
8. جدد معلوماتك: "إذا لم تقرأ شيئًا فلن تكتب شيئًا" فلا تنسى تحديد عدد الكتب أو المواقع التى ستقرأها خلال العام.
9. يجب أن تتميز الخطة بالمرونة لمقابلة التغييرات والظروف الطارئة، كما يجب مراعاة الأجازات وفترات الراحة.
10. قم بتقييم نفسك فى نهاية كل شهر ، ثم كافئ ذاتك بما تحب عند إنجازك لما حددته من مهام.

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

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

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

كيفية تركيب عداد تنازلى يؤخر الخروج من الموقع لمدونات بلوجر

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>

<script>
$(function () {
    $("#condaianllkhir").click(function () {
        var seconds = 5;
        $("#CountDown").show();
  $("#condaianllkhir").hide();
        $("#DrRO").html(seconds);
        setInterval(function () {
            seconds--;
            $("#DrRO").html(seconds);
            if (seconds == 0) {
                $("#CountDown").hide();
                window.location = "http://www.Youradress.com/";
            }
        }, 1000);
    });
});
</script>
<center>
<br/>
<br/>
 <input type="button" id="condaianllkhir" value="إضغط هنا للتحميل" />
<br />
<br />
<div id="CountDown" style="display: none">
<b>إنتظر قليلا قبل التوجه إلى صفحة التحميل <br/> <br/> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDaahbl_dPzmhzwOjW2HFLEVTkOO0KJ43pAEXq_unqZHokHz7FKnvAwuCeDVVtVok72mjP5GCUdb6pFtbGCrkaEEj_0PIRkg2Xcr1obu7j7vH1qUzaN5VZpBuf1kvZdmhrwQ-9c_nLUdxp/s1600/circular_loader_282_red.gif" /> <br/><br/> <span id="DrRO"></span>&nbsp;seconds.
</div>
</center>

• لا تنسى إستبدال الرابط http://www.Youradress.com/  برابط التحميل أو الرابط الخارجى الخاص بك
• إذا أردت تغيير العداد التنازلى قم بتغيير رقم 5 الموجود بالكود

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

1. إذهب إلى لوحة تحكم بلوجر ثم اختر تبويب "قالب"
2. قم بتحرير قالب بعد الاحتفاظ بنسخة احتياطية منه.
3. قم بالبحث عن الوسوم <head> ثم اضف الكود التالى بعده مباشرة

<!-- twitter card details -->
<meta expr:content='data:blog.title' name='twitter:site'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;إقرأ المزيد &quot; + data:blog.pageTitle + &quot; &quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='&quot;إقرأ المزيد &quot; + data:blog.pageName + &quot; كن داعيا للخير &quot; + data:blog.title + &quot;&quot;' name='twitter:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' name='twitter:image:src'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSGdCX37zt9OpiA4hes3ZDokKpPosAydqyKngxJPOyxoGHBcztcPXCeTr2_sPMcson0qhOrk0c7vA_STc6GZJPZt1mGqjlgAmJQzbcDGBeIErtHowYGgWvwn-S1YRuJUOS9YjnoQvJTXno/s1600/new-logo.png' name='twitter:image:src'/>
</b:if>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@DrRo2' name='twitter:creator'/>

<!-- end twitter card details -->

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

<style type="text/css">
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
</style>
<br />
<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/i2Yh_oBJ8Ds?list=PLdGltxXkthDTbIywOdmDPQ7oOJ6PK95dE" frameborder="0" allowfullscreen></iframe>
 

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