avia-menu-subtext messes with Google Sitelinks

Hey Dorian,

I’m very sorry for the late reply. I’m not sure I understand the problem or what you would like to change unfortunately, could you try to explain the problem a bit further please?

Best regards,
Rikard

Hi Dorian,

I’m very sorry for the late reply. I wasn’t sure what you meant by your request so I brought it up for internal discussion with the other moderators, but they don’t understand your request either. I don’t think that what you are asking is possible unfortunately.

Best regards,
Rikard

Hi Dorian,

Thanks for the update. I don’t know anything about it myself unfortunately, and judging from our internal discussion, the other moderators don’t either. What is presented to search engines on the front end of your site is just plain HTML, so I don’t think it’s a problem with how the menu is coded.

I can’t answer how Google creates those links unfortunately.

Best regards,
Rikard

Hi,
Sorry for the late reply, and thanks for the details, I believe it would be possible to separate these into separate links, but then you would have twice the links for Google to decide what to show in the sitemaps, which may not work out well.
While researching I found that Google suggests in the context of sitelinks, to: use anchor text and alt text that’s informative, compact, and avoids repetition.
So perhaps we can add a title or alt to the text & sub-text of your menu to clarify them to Google.
For example, try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $(".menu-item-top-level").each(function(){
    $(this).find(".avia-menu-text").attr('title','title');
    $(this).find(".avia-menu-subtext").attr('title','subtitle');

});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

This is the result:

<a href="https://your-site.de/aktuelles/">
    <span class="avia-bullet"></span><span class="avia-menu-text" title="Title">Aktuelles</span>
    <span class="avia-menu-subtext" title="subtitle">Neuigkeiten rund um Huber</span>
    <span class="avia-menu-fx">
        <span class="avia-arrow-wrap"><span class="avia-arrow"></span></span>
    </span>
</a>

I was not able to find out if “titles” are best to use, but since Google recognizes other titles this might be enough to help.

Best regards,
Mike

Hi,
Very good, we will leave this open to hear back from you. We can also change this to use “alt” instead of the “title”, I’m just not sure which one would be better.

Best regards,
Mike

Hi,
Ok, this script gets the menu text & the menu subtext and adds it to the menu link “a” as an alt attitude.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_menu_alt_subtext_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $(".menu-item-top-level").each(function(){
    var menu_title = $(this).find(".avia-menu-text").first().text();
    var menu_subtitle = $(this).find(".avia-menu-subtext").first().text();
    $(this).find("a").first().attr("alt", menu_title +' | '+ menu_subtitle);

});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_menu_alt_subtext_script');

and remove the other script, then clear your browser cache and check.

Best regards,
Mike