How to impose a logo from the point of view of SEO and Good Practice?

I attended different courses and 2 teachers have different approaches as to make the logo correctly.

1) Advises
the <strong><a href="#"><img src=""></a></strong>

Ie there are 3 items. And strong allegedly focuses on the logo from the point of view of SEO

2) the Second teacher is encourages to do everything with a minimal amount of tags and cut all that is possible to reduce:

<a href="#" class="logo">LOGO</a>

Ie to make the logo, only one link, and the picture ask background, Inside the link to register the name of the company and to move using the text indent to -9999px

Tell me which approach is correct and why?
March 19th 20 at 08:46
3 answers
March 19th 20 at 08:48
Solution
Definitely the best from the point of view of indexing contentusatoday elements and seo
the next option:

<a href="#"><img scr="" alt="the Name of the brand or product" title="the Name of the brand or product"/></a>
March 19th 20 at 08:50
Solution
I doubt that the strong tag focuses the attention on the logo/picture. I would have done so\
<a href="#"><img scr="" alt="company name"/></a>
March 19th 20 at 08:52
Solution
Both options are not the best.
The background image will not be visible to users of screen readers and search engines will have hands through ARIA to describe what this logo is and what it means.
If you have all the logo picture - make background not necessary, but if you have a logo and it's text description, and the picture - well, just what a brand icon - it is okay, can be in the background to shove, only should not forget to describe the alt for the image, because without it it is useless.

// strong will not aktsentiroval attention to the karinka that would highlight the logo, you can do so (the logo is there in after):

<h1 class="title"><span class="title__text">the Web<br>Standards<br>Days</span></h1>

Find more questions by tags LayoutSearch engine optimizationHTMLCSS