Add rel=”noopener” to social links

  • Resolved Jon

    (@jonhopstra)


    4 years, 2 months ago

    Hi support, I love your plugin very much! But when I run a Chrome Lighthouse test it always tell’s me to add rel=”noopener” to these links for sharing on social media.
    Yes, there is nofollow, but could you add noopener as well, it will be more secure and improve speed as well.
    Regards

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

    (@jonhopstra)

    Is there still support for this plugin? It has been 6 months maybe I need to use something else.

    Thread Starter Jon

    (@jonhopstra)

    The only share link that did not have noopener was Facebook. I read somewhere that you think it will not share the post but that was 2 years ago.
    I made the changes myself in the PHP file and now it will output the correct tags.
    Regards, Jon

    soenke22

    (@soenke22)

    Hallo,

    Could you please tell me how you made the changes in which file?

    I Would like to try it.

    Thanks!

    Soenke

    Thread Starter Jon

    (@jonhopstra)

    Hi,

    Of course…

    Open shariff.php in Notepad++

    Go to line-number 34

    Make sure to blank the following function to not have it overwrite with a new update:

    function shariff3uu_update() {/*

    */}

    Go to line 1330:

    Make sure to skip the second line of code:

    if ( ‘facebook’ !== $service ) {
    //$output .= ‘noopener ‘;
    }

    Add below:

    if ( ‘info’ !== $service ) {
    $output .= ‘noopener nofollow’;
    }
    $output .= ‘”‘;

    Yes, I know the code is a bit weird and the plugin maker does not respond to support here, which is a shame as his work is pretty good!

    The code is a bit illogical but if you do what I did you can just add the line.

    So, first you remove the output //$output .= ‘noopener ‘; below the Facebook code.

    Than add it back in again $output .= ‘noopener nofollow’; below info !== $service

    Test it now in Chrome Lighthouse. Make sure to run the test for Desktop mode and also Mobile and see now that the links DO have the noopener tag.

    See that Lighthouse ‘sees’ these tags correctly now and without my edits it does not?

    Good luck.

    • This reply was modified 4 years ago by Jon.
    • This reply was modified 4 years ago by Yui.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Add rel=”noopener” to social links’ is closed to new replies.