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

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

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

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

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

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

1- أهمية تحويل الفيديو إلى نص ؟

أهمية ميزة video transcription بالنسبة للمستخدم:

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

أهمية ميزة video transcription بالنسبة لليوتيوبر:

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

2- كيفية تفعيل تحويل الفيديو الى نص مكتوب على اليوتيوب

3- طرق أخرى لتحويل الفيديو إلى نص

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

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

1. مواصفات جهاز الحاسوب المُستخدم غير مناسب لتثبيت أندرويد ستوديو. (تعرف على متطلبات Android studio)
2. الحاجة إلى تصميم تطبيق يعمل على أنظمة أخرى بالإضافة إلى نظام الأندرويد مثل ios , windows
3.  إستخدام لغات برمجية أخرى غير لغات  Kotlin أو Java التى يدعمها أندرويد ستوديو.

نظرة على متجر play :

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

</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 للتدوينة.

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

تحديث 4ابريل 2018

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

1. يمكنك أن تسجل بالمنحة سواء كنت من المبتدئين فى مجال برمجة الويب والأندرويد أو كنت تريد تطوير وتنمية مهاراتك فى هذا المجال ، فأنت من تحدد "من أين تبدأ" أثناء تقديم بياناتك ببرنامج المنحة.
2. ستكون المنحة متاحة مجانًا لعدد معين من الدول الافريقية منها مصر, تونس, الجزائر, المغرب, السودان, ليبيا, اليمن, الصومال, جيبوتي, موريتانيا, قبرص.   
3. يجب أن ألا يكون سنك أقل من 18 عاماً .
4. موعد التقديم 19/3/2018 وآخر ميعاد 25/4/2018 على أن يتم الإعلان عن المقبولين يوم  2/5/2018 .
5. هناك 5000 مقعد لمن ليس لديهم أى خبرة برمجية ، 2500 لمن لديهم خبرة برمجية سابقة.
6. ستستغرق الدراسة شهران وستكون عبر الإنترنت. 
7. إذا كنت ستبدأ من الصفر فلا تقلق ،سوف تتلقى كورسًا تمهيديًا يؤهلك للدراسة.
8. هناك دعم فنى من القائمين على المنحة سيساعدك أثناء الدراسة.
9. إذا كنت لا تنوى الإعتماد على المنحة فى تحقيق هدفك ، فجميع الكورسات متوفرة على موقع Udacity مجانًا يمكنك الإطلاع عليها ودراستها ولكن ما يميز هذه المنحة هو الشهادة المعتمدة والدعم الفنى.
10. برنامج Nanodegree يؤهلك للحصول على شهادة جوجل المعتمدة للمطورين، إلّا أنّه سيتطلب الأمر إجراء خاص بتلك الشهادة، المنحة غير متضمنة تكاليف الاختبار.

خطوات التسجيل فى منحة جوجل و udacity لتعليم البرمجة

 

المجموعة الأولى وهى "Background information" إضغط "Edit" و سيطلب منك بعض البيانات مثل :

المجموعة الثانية “Prerequisite Knowledge” وتشمل بعض المعلومات عن خلفيتك البرمجية مثل:

• يجب تحديد مستواك بأى لغة برمجة تستخدمها ، أما إذا كان ليس لديك أى خلفية برمجية مسبقة إختر “None of the above” 
•  إختيار مدى معرفتك بـ Git and GitHub (تعرف أكثر على Github)
• تحديد مستواك بخصوص مدى معرفتك بكل لغة من لغات البرمجة مثل "Python , HTML/CSS , javascript , Java ,
  Android development"
• إذا كان لديك تطبيق على متجر Google play أضف الرابط الخاص به
• إذا كان لديك موقع او تطبيق ويب او حساب على GitHub أضف الرابط الخاص به .

المجموعة الثالثة “Your Goal” لتحديد أهدافك من التقديم فى المنحة :

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

  

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

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

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

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

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

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

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

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

نظرة سريعة على لغة Kotlin :