في الآونة الأخيرة ، كان هناك الكثير من التحذيرات حول رصد مشكلة في مسارات التنقل data-vocabulary.org Schema Deprecated الموجه بشكل خاص لمدونين بلوجر. تأخرت كثيراً في طرح الحل بسبب ضيق الوقت ، وقد رأيت الكثير من المدونات تقوم بشرح الحل ولكن بشكل خاطئ هذه ما قد يتسبب في مشاكل في مدونتك، لنبدأ في حل مشكلة data-vocabulary.org Schema Deprecated.

إذن ما هو الغرض من هذا التحذير؟ كيف تحل مشكلة data-vocabulary؟ ما هي الآثار الجانبية إذا تجاهلناه؟، سنناقشه هنا.



يهدف التحذير إلى إبلاغ مشرف موقع جوجل  بأن Google تفضل هياكل بيانات schema.org بدلاً من data-vocabulary.org. إليك بعض المقتطفات التي أخذتها من مدونة Google الرسمية لمشرفي المواقع:

تُستخدم مخططات البيانات المنظمة مثل schema.org و data- vocabulary.org لتحديد الهياكل ذات المعنى المشترك للتطبيقات القائمة على الترميز على الويب. مع تزايد استخدام وشهرة موقع الويب schema.org ، قررنا تركيز تطويرنا على مخطط SD واحد. اعتبارًا من 6 أبريل 2020 ، لن يكون ترميز data-vocabulary.org مؤهلاً لميزات النتائج المنسقة من Google.


وهذا يعني أن جميع مواقع الويب أو المدونات التي تستخدم ترميز مخطط data-vocabulary.org في المستقبل لن تستوفي متطلبات ميزة النتائج المنسقة من Google. بالنسبة إلى مشكلات ترتيب تحسين محركات البحث والعوامل الأخرى ، وفقًا للمدونة الرسمية ، لن يكون لها أي تأثير. لذلك ، سيكون من اللطيف بالنسبة لنا أصحاب مواقع الويب أو المدونات مواكبة العصر والتكنولوجيا.
لتحديد ما إذا كنت تواجه هذه المشكلة أم لا ، يمكنك زيارة Google Search Console. إذا تلقيت تحذيرًا ، فأنت بحاجة إلى إصلاحه.

كيفية إصلاح مشاكل data-vocabulary.org Schema Deprecated

في الواقع ، بالنسبة للمطورين ، هذه مشكلة خفيفة للغاية. ما عليك سوى تغيير مخطط data-vocabulary.org إلى بيانات منظمة schema.org.
في ما يلي نموذج لمثال من معظم قوالب بلوجر:
 <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
        <div class='breadcrumb'>
            <span itemscope='' itemtype='http://schema.org/Breadcrumb'>
                <a expr:href='data:blog.homepageUrl' itemprop='title'>الرئيسية</a>
            </span>
          
            <b:loop values='data:post.labels' var='post'>
                <span itemscope='' itemtype='http://schema.org/Breadcrumb'>
                    <a expr:href='data:blog.homepageUrl' itemprop='title'>الرئيسية</a>
                </span>
            </b:loop>
        </div>
    </b:if>
</b:loop>


هنا ، يمكننا تغيير data-vocabulary.org إلي schema.org:
<b:includable id='breadcrumb' var='posts'>
    <b:if cond='data:view.isPost'>
        <nav id='breadcrumb'>
            <a class='home' expr:href='data:blog.homepageUrl'><data:messages.home/></a>
            <b:if cond='data:post.labels'>
                <a class='label' expr:href='data:post.labels.first.url'><data:post.labels.first.name/></a>
            </b:if>
        </nav>

        <script type='application/ld+json'>
            {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"<data:messages.home/>","item":"<data:blog.homepageUrl.canonical/>"},{"@type":"ListItem","position":2,"name":"<b:if cond='data:post.labels'><data:post.labels.first.name/></b:if>","item":"<data:post.labels.first.url.canonical/>"},{"@type":"ListItem","position":3,"name":"<data:post.title/>","item":"<data:post.url.canonical/>"}]}
        </script>
    </b:if>

    <b:if cond='data:view.isPage'>
        <script type='application/ld+json'>{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"<data:messages.home/>","item":"<data:blog.homepageUrl.canonical/>"},{"@type":"ListItem","position":2,"name":"<data:post.title/>","item":"<data:post.url.canonical/>"}]}</script>
    </b:if>
</b:includable>

لتغييره ، اتبع الشرح التالي:
أدخل لوحة تحكم بلوجر حدد قائمة المظهر تعديل HTML.
اضغط على مفتاح CTRL + F على لوحة المفاتيح وابحث عن الرمز: <b: includeable id = 'breadcrumb' var = 'posts'>
قم بنسخ ولصق الكود التالي مباشرة تحت الكود: <b: includeable id = 'breadcrumb' var = 'posts'> واحذف جميع الكود الموجود فيه:
 <b:includable id='breadcrumb' var='posts'>
    <b:if cond='data:view.isPost'>
        <nav id='breadcrumb'>
            <a class='home' expr:href='data:blog.homepageUrl'><data:messages.home/></a>
            <b:if cond='data:post.labels'>
                <a class='label' expr:href='data:post.labels.first.url'><data:post.labels.first.name/></a>
            </b:if>
        </nav>

        <script type='application/ld+json'>
            {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"<data:messages.home/>","item":"<data:blog.homepageUrl.canonical/>"},{"@type":"ListItem","position":2,"name":"<b:if cond='data:post.labels'><data:post.labels.first.name/></b:if>","item":"<data:post.labels.first.url.canonical/>"},{"@type":"ListItem","position":3,"name":"<data:post.title/>","item":"<data:post.url.canonical/>"}]}
        </script>
    </b:if>

    <b:if cond='data:view.isPage'>
        <script type='application/ld+json'>{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"<data:messages.home/>","item":"<data:blog.homepageUrl.canonical/>"},{"@type":"ListItem","position":2,"name":"<data:post.title/>","item":"<data:post.url.canonical/>"}]}</script>
    </b:if>
</b:includable>

الخطوة التاليه هو تعيين نمط مسار التنقل. انسخ والصق كود CSS التالي في القالب.بعد إضافة الكود ، انقر فوق الزر حفظ المظهر:

#breadcrumb a:not(:first-child)::before {
    content: '/';
    margin: 0 5px;
}

تحديث تم تحديث المقال بتاريخ 6/27/2020 وإضافة طريق أخري لحل مشكلة تحذير من مسارات التنقل في Search Console وأدوات اختبار البيانات المنظمة.

الحل الثاني

الخطوة 1: ابحث عن Breadcrumbs

يرجى دخول  لوحة تحكم بلوجر  > المظهر > تحرير HTML.

ابحث عن الكود كما هو موضح أدناه:


أو استخدم البحث عن كود بالضغط على مفتاح Ctrl + F في تحرير  HTML ، ثم ابحث عن الكود البرمجية مثل هذا:

<b:includable id='breadcrumb' var='posts'>… </b:includable>

الخطوة 2: سنقوم باستبدال كود مسارات التنقل القديم بالكود الجديد الذي يحل المشكلة، كيف ذلك ؟ سنقوم باستبدال الكود في  ألأعلي بالكود الجديد أدناه

    <b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isSingleItem'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<svg class='homesvg' viewBox='0 0 24 24'><path d='M12,3L20,9V21H15V14H9V21H4V9L12,3Z'/></svg>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a class='breadhome' expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<span itemprop='name'>الرئيسية</span></a>
<meta content='1' itemprop='position'/>
</span>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/></svg>
<b:loop index='num' values='data:post.labels' var='label'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' expr:title='data:label.name' itemprop='item'>
<span itemprop='name'><data:label.name/></span>
</a>
<meta expr:content='data:num+2' itemprop='position'/>
</span>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/></svg>
</b:loop>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>

الخطوة 3: إصلاح عرض مسارات التنقل باستخدام CSS

بعد ذلك ، يرجى البحث عن الكود </style> أو ]]> </ b: skin> ثم ضع كود CSS التالي أعلاه لإضفاء مظهر مسارات التنقل:

/* CSS Breadcrumbs */
.breadcrumbs{line-height:1.2em;width:auto;overflow:hidden;padding:0;margin:0 auto 20px;font-size:90%;color:#888;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}
.breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;color:#777;font-weight:400}
.breadcrumbs a:hover{color:blue}
.breadcrumbs svg{width:20px;height:20px;vertical-align:-5px;margin:0 -3px}
.breadcrumbs svg.homesvg{width:22px;height:22px;margin-left:0}
.breadcrumbs svg path{fill:#c8c8c8}
.breadcrumbs svg.homesvg path{fill:#999}

الخطوة 4: حفظ المظهر

قم بحفظ التغييرات على القالب الخاص بك عن طريق النقر على أيقونة حفظ المظهر .

كيفية التحقق من تصحيح مشاكل Data-Vocabulary

عند إجراء التغييرات أعلاه ، قم بزيارة Google Search Console. انقر على التحذير واضغط على زر التحقق من الإصلاح. سوف يتطلب هذه الإصلاحات القليل من الوقت.

بالإضافة إلى ذلك ، يمكنك أيضًا اختبارها باستخدام أداة اختبار النتائج المنسقة من Google.

نأمل أن يكون هذه المقالة مفيدة ويمكن أن يحسن / يحل مشاكل مفردات البيانات التي تواجهها. شكر.