45
votes
Accepted
Can a website built entirely in SVG have good SEO?
While text in SVGs are indexed by Google, links may not be followed, and Google does not understand the semantics of the content.
Here is a website built entirely in SVG as a search engine test:
...
- 15.8k
42
votes
Accepted
How to improve extremely slow page load time on a 23MB web page full of SVGs?
From what you've stated in the comments (now chat), I understand that you cannot reduce the size of these SVG files, you cannot replace them with thumbnails (e.g. small png files), and you cannot ...
- 15.8k
24
votes
How to improve extremely slow page load time on a 23MB web page full of SVGs?
I don't think using separate SVG files for the images would be any better because that would take even more time to load because of separate HTTP requests.
Efficient handling of linked images is ...
- 341
12
votes
Can a website built entirely in SVG have good SEO?
Let's try some tests on the same website as Maximillian's answer, http://svg.nicubunu.ro/. Both Bing and Yahoo can index the site.
Yahoo Search
Bing Search
My Google search failed to find anything ...
- 121
11
votes
Accepted
Is SVG better for SEO than other image formats?
In the vast majority of use cases, SVG does not gain any special benefits over the other image formats in terms of SEO. However, SVG images are often smaller than their counterparts in other image ...
- 15.8k
7
votes
SEO effect of inline svg
If you are concerned about losing traffic from your logo not appearing in an image search, then I would recommend embedding your image via the <img> tag with alt text, rather than inline SVG.
...
- 1,173
5
votes
SEO implications when using SVG for visual effects on website?
SEO is unconcerned with ANY animations or visual effects except if those animations and effects are the content and subject of the document. Even then, it is the textual content attached to those ...
- 4,633
5
votes
Accepted
Prevent Google from seeing "svg" as a content keyword without using .htaccess
Your problem is not that SVG images are getting indexed. The items in your screenshot are image directories. If you visit those URLs you will likely see a list of files that are in the directories. ...
- 98.4k
5
votes
Is setting the width and height of an SVG important for indexing?
While SVG's can be a purpose of their own, websites, accessibility readers and much of what you need to account for with SEO, is based on the standard IMG schema.
Because of this, it's best practice ...
- 314
4
votes
Is SVG better for SEO than other image formats?
One advantage of SVG is that the text stays with the image file, if your logo ends up in a Google image search for example. The point here being that if the image is embedded in HTML then the alt text ...
- 41
4
votes
Is SVG better for SEO than other image formats?
To expand on Maximillian's excellent answer, it's important to note the following:
The smaller size of SVG's only holds for illustrations, like logo's and other images that consist of a comparably ...
- 141
4
votes
Accepted
Is it a good practice to use an SVG as a logo?
Have a look at https://caniuse.com/?search=svg to see support. Id suggest to you that svg files are coming of age and widely supported, but not yet widely used in web pages.
It is good though that a ...
- 7,650
4
votes
What is this SVG tag and what is it doing?
The clue is in the <feTurubulunce> tag. It's creating a fractal. If you aren't familiar with fractals, they're unending patterns. Using the filter feTurbulence, allows you to create ...
- 3,155
3
votes
Accepted
Do I have too many pages with canvas/svg tags on them?
The svg and canvas tags will basically just be seen as images or graphic elements, which generally only have an alt="" for SEO.
However, there are changes being made. These are coming from a ...
- 2,246
2
votes
Accepted
Can you use SVG as Schema.org logo image filetype?
Yes, you can use .svg files for logo schema. Doing that on our corporate website and it works just like jpg or png
- 176
2
votes
Accepted
Inline SVG within H1
2 ways to add title:
with css and positioning and z-index.
But this would never scale well with svg. And SVG is perfect in scaling.
You could use the foreignObject tag to add html items in your SVG.
...
- 132
2
votes
Are SVG inline "images" (XML inside HTML) indexed by Google as images?
Google only indexes images that have direct URLs, so images that are dynamically generated on a page (svg or otherwise) would not be eligible to appear in results. They do not index data-URI images ...
- 15.8k
2
votes
Accepted
SVG and Google Fonts
for svg you should use the html Tag:
<svg> in the format : <svg type="text/svg" src="/FileSrc.svg"></svg>
Not image or object.
& Google fonts are generally included in the ...
- 68
2
votes
Would a long article using SVG rendered letters (rather than a font) be performant (usable and scrollable)?
Tried it out. Took about ~5 seconds to render 10,000 icons as inline svgs locally, and scrolling flashes white a little bit. Didn't do any optimization, don't really know what could be done, but doesn'...
- 521
2
votes
Accepted
Google SDTT doesn't accept SVG as image in 'Article'
I know it's old ... but the answer has changed. both SVG and WEBP formats are now acceptable.
"Google Images supports images in the following formats: BMP, GIF, JPEG, PNG, WebP, and SVG"
- 36
2
votes
Google SDTT doesn't accept SVG as image in 'Article'
For Google’s Article rich result, image has this requirement (for Non-AMP as well as AMP):
Images must be in .jpg, .png, or .gif format.
(The same is the case for the publisher logo, and the video ...
- 21.7k
2
votes
Accepted
SEO (speed): SVG vs background-image vs image tag
Short Answer: There will be no difference in the perceived performance between the three implementations (img, object and background-image). But when you use png fallback along with svg, img method ...
- 2,323
1
vote
Are there best practices to embed c3.js charts seo friendly?
Even if Google can interpret the SVG, the contents may too thin to rank well.
I created a similar site focused on charts and graphs, each on their own page and never got significant search engine ...
- 98.4k
1
vote
Accepted
SVG inline title in H1 for SEO
I would not recommend this. The H1 tag is designed to be a text headline.
Making your H1 an SVG will not have a positive impact for SEO.
H1: "Primary Headline" with your target keyword ...
- 6,221
1
vote
SEO (speed): SVG vs background-image vs image tag
One of the most effective ways to determine which image resources to use it checks the Google developer tools: PageSpeed Insights. This tool analyzes the entire page and all aspects including images ...
- 11
1
vote
SEO (speed): SVG vs background-image vs image tag
I think the optimal solution for speed would be to serve a compressed (svgz) file directly inside of an image tag. Using an image tag would at least keep your html semantic and would allow crawlers to ...
- 21
1
vote
Effect resizing SVGs has on SEO
Nowhere has Google mentioned not to resize SVGs in their public documentation/comments. The whole point of SVGs is that you can resize them easily while maintaining a low transfer overhead and high ...
- 3,993
1
vote
Because alt is not allowed on SVG image link, can I add a second display:none image to let Google see alt text?
I would not recommending hiding your images with alttext as Googlebot might consider this to be cloaking and keyword stuffing. It could be very risky.
Sources on the web are saying to use <title&...
- 4,788
1
vote
Google SDTT doesn't accept SVG as image in 'Article'
This is absolutely correct. Read the guidelines at https://developers.google.com/search/docs/data-types/article - everywhere you will see "don't use vector"
- 10.1k
1
vote
How to style an svg using external stylesheet?
As already answered in this SO question, it is possible to style an SVG only if it's part of your DOM. If you load it using e.g. an <img> tag, as a background or so, only CSS code which is ...
- 182
Only top scored, non community-wiki answers of a minimum length are eligible