siwane
الصفحة الرئيسية
إضافات
افكار

كيفية إزالة التاريخ من عنوان URL لمدونة بلوجر

تعلم كيفية تحسين مظهر موقعك على Blogger وجعله أكثر احترافية من خلال إزالة التاريخ من عناوين URL الخاصة بمقالاتك.
جمال الحزازي

كيفية إزالة التاريخ من عنوان URL لموقع Blogger

Split Post - Split Article Into Several Pages
كيفية إزالة التاريخ من عنوان URL لمدونة بلوجر

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

 هل لاحظت من قبل بنية عنوان URL لموقع Blogger؟ على عكس WordPress، لا يمكنك اختيار أو تغيير بنية عنوان URL في Blogger. 

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

تأكد من قراءة المقال حتى النهاية ولا تفوت أي نقطة.

لماذا تعتبر بنية عنوان URL مهمة؟

بنية عنوان URL مهمة لعدة أسباب، بعضها مذكور هنا:

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

تنببه!
في مقال سابق تطرقنا لازالة العلامة m=1 بالطريقة الصحيحة يمكنك العودة له و الاستفادة من التجربة.

كيفية تغيير بنية عنوان URL لموقع Blogger

سوف نستخدم كود جافا سكريبت لتغيير بنية موقع Blogger. هذا الكود مرخص بموجب ترخيص MIT ومؤلف هذا الكود هو كيني كروز. الآن اتبع الخطوات التالية لتطبيق هذا الكود على موقعك. 

  • قم بتسجيل الدخول إلى لوحة التحكم بلوجر وانتقل إلى المظهر ثم تخصيص انقر على السهم ثم اختر تعديل HTML
  • اضغط الآن على Ctrl + F وابحث عن <head> 
  • سترى قطعة من الكود هناك تشبه <head class='notranslate'>
  • الآن انسخ الكود أدناه والصقه تحتها. لا تلصقه تحت علامة <head> ولكن الكود الذي ذكرته، الصق كود الجافا سكريبت أدناه ذلك الكود. لأن علامة <head> التي تراها على الأرجح هي كود معلق هناك.
<script type="text/javascript">
  
// Configuration
var config = {
  postsDatePrefix: false,
  accessOnly: false,

  useApiV3: false,
  apiKey: "YOUR-API-KEY-HERE"
}
var postsOrPages=["pages","posts"],blogId="<data:blog.blogId/>",urlTotal,fetchIndex=1,ampChar="&amp;"[0],secondRequest=!0,feedPriority=0,nextPageToken;function urlVal(){var url=window.location.pathname;var length=url.length;var urlEnd=url.substring(length-5);if(urlEnd===".html")return 0;else if(length>1)return 1;else return 2}
function urlMod(){var url=window.location.pathname;if(url.substring(1,2)==="p"){url=url.substring(url.indexOf("/",1)+1);url=url.substr(0,url.indexOf(".html"));history.replaceState(null,null,"../"+url)}else{if(!config.postsDatePrefix)url=url.substring(url.indexOf("/",7)+1);else url=url.substring(1);url=url.substr(0,url.indexOf(".html"));history.replaceState(null,null,"../../"+url)}}
function urlSearch(url,database){var pathname=url+".html";database.forEach(function(element){var search=element.search(pathname);if(search!==-1)window.location=element})}
function urlManager(){var validation=urlVal();if(validation===0){if(!config.accessOnly)urlMod()}else if(validation===1){fetchData(postsOrPages[feedPriority],1)}else if(validation===2){if(!config.accessOnly)history.replaceState(null,null,"/")}}
function fetchData(postsOrPages,index){var script=document.createElement("script");if(config.useApiV3){var jsonUrl="https://www.googleapis.com/blogger/v3/blogs/"+blogId+"/"+postsOrPages+"?key="+config.apiKey+"#maxResults=500#fields=nextPageToken%2Citems(url)#callback=parseData";if(nextPageToken)jsonUrl+="#pageToken="+nextPageToken;nextPageToken=undefined}else{var jsonUrl=window.location.protocol+"//"+window.location.hostname+"/feeds/"+postsOrPages+"/summary?start-index="+index+"#max-results=150#orderby=published#alt=json-in-script#callback=parseData"}
jsonUrl=jsonUrl.replace(/#/g,ampChar);script.type="text/javascript";script.src=jsonUrl;document.getElementsByTagName("head")[0].appendChild(script)}
function parseData(json){var database=[];if(!config.useApiV3){if(!urlTotal){urlTotal=parseInt(json.feed.openSearch$totalResults.$t)}
try{json.feed.entry.forEach(function(element,index){var entry=json.feed.entry[index];entry.link.forEach(function(element,index){if(entry.link[index].rel==="alternate")database.push(entry.link[index].href)})})}catch(e){}}else{try{json.items.forEach(function(element,index){database.push(element.url)})}catch(e){}
nextPageToken=json.nextPageToken}
urlSearch(window.location.pathname,database);if(urlTotal>150){fetchIndex+=150;urlTotal-=150;fetchData(postsOrPages[feedPriority],fetchIndex)}else if(nextPageToken){fetchData(postsOrPages[feedPriority])}else if(secondRequest){nextPageToken=undefined;urlTotal=0;fetchIndex=1;secondRequest=!1;if(feedPriority===0){feedPriority=1;fetchData("posts",1)}else if(feedPriority===1){feedPriority=0;fetchData("pages",1)}}}
function bloggerJS(priority){if(priority)feedPriority=priority;urlManager()}
bloggerJS()
</script>

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

دعني أشرح لك تفصيلياً:

أولاً، يتم تعريف متغير config الذي يحتوي على بعض الإعدادات الأساسية للسكريبت مثل تاريخ المشاركات والوصول المحدود واستخدام إصدار API معين ومفتاح الوصول إلى الAPI.

ثم يتم تعريف متغيرات أخرى مثل postsOrPages و blogId و urlTotal و fetchIndex و ampChar و secondRequest و feedPriority و nextPageToken. هذه المتغيرات تستخدم لإدارة عملية استرجاع المحتوى وتحديد الأولوية لاسترجاع المشاركات أو الصفحات.

تتبع الدوال التالية:
  1. دالة urlVal(): تستخدم للتحقق من نوع عنوان URL الحالي وإرجاع قيمة تشير إلى نوع الصفحة (مشاركة أو صفحة) أو الصفحة الرئيسية.
  2. دالة urlMod(): تستخدم لتعديل عنوان URL الحالي إذا كان يحتوي على رمز "p" الذي يشير إلى مشاركة معينة. يتم تعديل العنوان ليتناسب مع التنسيق المطلوب.
  3. دالة urlSearch(): تستخدم للبحث عن عنوان URL في قاعدة البيانات وإعادة توجيه المستخدم إلى العنوان المطابق إذا تم العثور عليه.
  4. دالة urlManager(): تستخدم لإدارة عملية تحميل المحتوى بناءً على نوع العنوان URL. إذا كان العنوان يشير إلى مشاركة أو صفحة معينة، يتم استرجاع المحتوى المناسب. إذا كان العنوان يشير إلى الصفحة الرئيسية، يتم تعديل العنوان واسترجاع المحتوى المناسب.
  5. دالة fetchData(): تستخدم لاسترجاع المحتوى من خلال إنشاء عنصر script وتعيين src إلى عنوان URL المطلوب. يتم تحديد نوع المحتوى (مشاركة أو صفحة) والفهرس لاسترجاع المحتوى المناسب.
  6. دالة parseData(): تستخدم لتحليل البيانات المسترجعة وإنشاء قاعدة بيانات تحتوي على عناوين URL للمشاركات أو الصفحات. إذا كان هناك المزيد من المحتوى لاسترجاعه، يتم استدعاء دالة fetchData() مرة أخرى.
  7. دالة bloggerJS(): تستخدم لتنفيذ السكريبت بشكل عام. يمكن تمرير أولوية (مشاركة أو صفحة) كوسيط إلى الدالة لتحديد نوع المحتوىهذا السكريبت يستخدم في تحسين تجربة المستخدم وإدارة عرض المحتوى في مدونة Blogger. يتم تعريف متغير config الذي يحتوي على بعض الإعدادات الأساسية للسكريبت مثل تاريخ المشاركات والوصول المحدود واستخدام إصدار API معين ومفتاح الوصول إلى الAPI.
  • بمجرد لصق الكود، احفظ التغييرات بالنقر فوق هذا الرمز الآن قم بإعادة تحميل وتحقق من عنوان URL لموقعك.
إزالة التاريخ من عنوان URL لمدونة بلوجر

سيؤدي نسخ ولصق هذا الكود فقط إلى تغيير بنية عنوان URL لموقعك ولكن يوصى (خاصة للمدونات التي تحتوي على الكثير من المحتوى) بتكوين النص ليعمل مع API v3 الخاص بـ Blogger. لأنه أعلى بكثير في الأداء والسرعة.

هذا شيء جيد إذا كان موقعك جديدًا. ولكن إذا كان موقعك قديمًا وهناك بالفعل الكثير من الصفحات المفهرسة على Google فلا تحاول ذلك على موقعك.

التكوين

يمكنك إجراء بعض التعديلات في هذا الكود. هنا جميع التكوينات التي يمكنك القيام بها.

الخاصية القيمة الافتراضية الوصف
postsDatePrefix false السماح بالتاريخ في عناوين URL للمدخلات/المشاركات.
accessOnly false تُستخدم عناوين URL القصيرة فقط للوصول إلى الموقع، ولكن ليس في تشغيله العام.
useApiV3 false استخدام API v3 الخاص بـ Blogger.
apiKey - مفتاح API لاستخدام API v3 الخاص بـ Blogger.

استشارة

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

الخاتمة

بتطبيق هذه الخطوات، يمكنك تحسين بنية عنوان URL لموقعك على Blogger، مما يساهم في تحسين تجربة المستخدم وترتيب موقعك في محركات البحث. جرب هذه الطريقة وشاركنا تجربتك.

نصائح إضافية

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

مهم! سيتم تحديث هذه المقالة سنضيف طريقة الحصول على key API v3 blogger في فيديو توضيحي كامل.

المشاركات ذات الصلة

شكرًا لمساعدة ChatGPT في إعداد هذا المقال

المصادر:
siwaneSiwaneXYZ©
https://www.siwane.xyz/2024/07/how-to-remove-date-from-blogger-website.html

عن المؤلف

جمال الحزازي
مرحبا انا منشئ محتوى رقمي (صِوانˣʸᶻ) مهتم بالتصميم ui/ux، مدون في مجال التقنية و العلوم تعرف على المزيد.
اشتري لي كوب قهوة ☕

إرسال تعليق

اكتب تعليقك 🤗، لكن تيقن ان كلماتك تعبر عن من انت.
"لا يقال قف لاراك بل تكلم لأعرفك"

الانضمام إلى المحادثة

الانضمام إلى المحادثة