11
I was thinking of turning the logo of a site to SVG, but I was thinking of using it in a way inline as code within tags <svg>. To be inline, I can interact as the SVG directly through the CSS, with the imagem.svg I can’t do what I want.
There remained the doubt. Being the image an SVG inline, right in the body of the document, would it be indexed by Google? I know that Base64 images are not in cache, but are these codes considered by search engines as an image? What about SEO and the alt text in that situation?
When you Google "Company X Logo", if that logo is an SVG inline Google will not return anything?
Ex. of a page with the logo in SVG inline:
(I left some comments in the code)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#logo {
width: 100px;
height: auto;
}
</style>
</head>
<body>
<div id="logo">
<!-- O Google vai indexar essa tag SVG abaixo como uma imagem nos resultados de busca?? -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<path d="M30,1h40l29,29v40l-29,29h-40l-29-29v-40z" stroke="#000" fill="none"/>
<path d="M31,3h38l28,28v38l-28,28h-38l-28-28v-38z" fill="#a23"/>
<text x="50" y="68" font-size="48" fill="#FFF" text-anchor="middle"><![CDATA[410]]></text>
</svg>
</div>
<!-- Imagens com extencao .svg eu sei que o Google indexa, mas e no caso acima como fica? O Google renderia a tag <svg> e entrega uma imagem no resultado de busca? -->
<img src="imagem.svg">
</body>
</html>According to this link it seems that Google indexes imagens.svg, but about images built within tags <svg></svg> they don’t say anything... https://webmasters.googleblog.com/2010/08/google-now-indexes-svg.html
OBS: If possible I would like an answer with sources, or with any test indexing done on Google, or even with some case study... But responses based on "achism" have no interest.
I don’t think google will index a Base64 urlencoded file, because it uses your image url as the basis to index your search system.
– Marcos Brinner
https://webmasters.stackexchange.com/questions/56701/image-data-uri-and-seo see this link
– Marcos Brinner
in it says that google will not index data-URI
– Marcos Brinner
https://www.quora.com/Are-SVG-images-good-for-SEO
– Andre Mesquita
This reference indicates that you use <title> and <desc> within the <svg> tag for homonymous operation. https://www.sitepoint.com/tips-accessible-svg/
– Andre Mesquita
@Andremesquita thanks for the link
– hugocsl
@Marcosbrinner got the tip!
– hugocsl
In fact Google indexes the
<text>SVG, inline or not. But what you can try is to use schema.org for logos. So you can index, Google will understand how a logo and will still use for semantic SEO. https://webmasters.googleblog.com/2013/05/using-schemaorg-markup-for-organization.html– vinibrsl