Please add href attributes to arrows for better SEO

  • Resolved Ov3rfly

    (@ov3rfly)


    3 months, 2 weeks ago

    Please add href attributes to arrows in wprev-public-com-min.js to follow Google PageSpeed Insights basic SEO search engine optimization advice.

    Current code (slightly prettified):

    arrows: {
    	prev:'<a class="'+d._+'-arrow prev">Prev</a>',
    	next:'<a class="'+d._+'-arrow next">Next</a>'
    },

    Suggested code:

    arrows: {
    	prev:'<a href="#wprev-prev" class="'+d._+'-arrow prev">Prev</a>',
    	next:'<a href="#wprev-next" class="'+d._+'-arrow next">Next</a>'
    },

    An alternative solution could be use of another element instead of a for the arrows, e.g. span:

    arrows: {
    	prev:'<span class="'+d._+'-arrow prev">Prev</span>',
    	next:'<span class="'+d._+'-arrow next">Next</span>'
    },

    Currently a warning is shown and 8-10 points are deducted from Google PageSpeed Insights SEO score:

    Links are not crawlable

    Search engines may use href attributes on links to crawl websites. Ensure that the href attribute of anchor elements links to an appropriate destination, so more pages of the site can be discovered. Learn how to make links crawlable

    Uncrawlable Link

    Next
    <a class="wprs_unslider-arrow next">
    Prev
    <a class="wprs_unslider-arrow prev">

    Example warning on your demo website: https://pagespeed.web.dev/analysis/https-wpreviewslider-com/3rx2kev317?hl=en&form_factor=mobile#seo

    Thanks for the great plugin.

    WP Google Review Slider 14.6

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Ov3rfly

    (@ov3rfly)

    Another small suggestion for faster loading and less requests, maybe you can replace the arrow image URL with a data URI in plugin css:

    background-image:url(imgs/slider_arrow.png);
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==');
    Plugin Author jgwhite33

    (@jgwhite33)

    I just released 14.7 with a lot of updates, these included. Give it a try and let me know if you see anything weird. There were a lot of changes.

    Thread Starter Ov3rfly

    (@ov3rfly)

    Thanks for quick response, the above issues are resolved with 14.7 update, span and data URI is used for the arrows now.

    What I noticed, the fixes are in the used files wprev-public-com-min.js and wprev-public_combine.css but not (or other variant) in other supplied js and css source files in public folder, that might be confusing to interested code readers.

    Plugin Author jgwhite33

    (@jgwhite33)

    Fixed in the other files as well.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.