Logo img or logo as background?

Question

css

How relevant is this article? https://csswizardry.com/2010/10/your-logo-is-an-im... The
issue is the correct semantics for search engines. Logo to use as or
<a href="#"><img src='logo.png"></a>

<a href="#" class="logo" title="logo">Название компании</a>

.logo {
        display: block;
        width: 187px;
        height: 62px;
        outline: none;
        text-indent: -9000px;
        background: url('../img/logo.png') no-repeat;
}

Answer 1

It seems to me that img is better - when viewed from the side of SEO .
On the layout side , each of the options has a small feature, a short one can be decisive in its particular case.
(for example, a user cannot "Save As..." a background image by right-clicking the mouse... etc.)
Another argument in favor of img:
In popular CMS (wordpress, joomla. opencart), by default, the logo is displayed as an img tag . I think CMS developers understand something about this.
Personally, I always use img.

Answer 2

I don't think it affects anything at all. But it's obviously easier this way. So I'm doing just that.

Answer 3

first option

Answer 4

How convenient - so do it.

Answer 5

It really depends on the format of the logo. If svg - then include it directly in the markup - no img. And on a raster it is better to use picture with srcset. I read that Google loves when pictures are customized for different screen formats, such as if the retina is a desktop - load a larger resolution - mobile phones - a smaller one. Well, this is more of a general optimization plan, not that SEO.

Answer 6

For search engines, this format is better than
a href="#" class="logo" title="logo">Company name
Only in place # - link to the main page and close it with the rel="nofollow" tag so that the robot does not follow it
Why so better, because with such a record, you can write the Alt and titlte tags for the link. unlike prescribing an image in css

Answer 7

SHOBA are wrong. The first one is better, but there is no alt where the name of the company is indicated, and not some kind of logo. Title I would indicate the normal type of the main page.
The logo, by the way, is much more important than the pioneering cliparts, which are sort of like illustrations.
By the way, a good way to skip the page through the reader. If everything is clear, then the page is good. If the bot speaks like a bot, then everything is not very good.