Webmasters Stack Exchange
Webmasters Stack Exchange

Questions tagged [svg]

SVG (scalable vector graphics) is a XML-based vector image format used on the web.

51 questions
32
votes
2 answers

Can a website built entirely in SVG have good SEO?

Can a website built entirely in SVG have SEO as good as a website built in HTML? If not, what are the drawbacks to using 100% SVG for a website?
Lance Pollard
  • 581
  • 5
  • 11
23
votes
2 answers

Do search engines index text contained in SVG elements?

Example: Hello World?
paragooon
  • 415
  • 1
  • 4
  • 8
13
votes
2 answers

How to improve extremely slow page load time on a 23MB web page full of SVGs?

I have a webpage that is full of inline-SVG around 140+ inline SVGs! Just the HTML file size is 23MB, plus there is external CSS and JavaScript loading, though that is roughly only around 30KB. The real deal is the HTML file itself with thousands of…
Syed M. Sannan - alt
  • 41
  • 2
  • 11
8
votes
3 answers

Using Schema.org logo markup with SVG images

I've made a logo which is awesome and I've saved it in AI and SVG format. I wish to use the SVG file on the a site as the logo will appear many times all over the site and would be better than saving the logo in PNG format and having unnecessary…
Simon Hayter
  • 33,097
  • 7
  • 60
  • 119
8
votes
3 answers

Is SVG better for SEO than other image formats?

While reading an article on the internet I read that SVG is better for SEO than other image formats. How true is that? Also, when adding an SVG image to a website should it be added as or ?
ardacarofficial
  • 1,065
  • 3
  • 8
  • 31
7
votes
1 answer

SEO effect of inline svg

I wanted to optimize the rendering of our logo which is in svg format. I wanted to try out inlining the svg code of the image on our site's html just so we could eliminate the need of requesting the image resource and so the image immediately…
Bee
  • 71
  • 1
  • 2
6
votes
2 answers

Is setting the width and height of an SVG important for indexing?

Generally, when SVGs are displayed responsively, we only need to set the viewBox attribute on the and can entirely omit the width and height attributes (i.e. something like is enough). So, I wonder how SVG images with…
cute_ptr
  • 199
  • 1
  • 5
5
votes
1 answer

Do links in SVG tags have a negative impact on SEO?

Inspired from an answer on Stack Overflow, I've decided to use an inline SVG tag for a wordcloud I'm working on. I'll be using SVG to make the font-size dependent on the container height - which would not be possible with plain HTML and CSS, and I…
Alexander Jank
  • 195
  • 1
  • 5
5
votes
1 answer

SVG in CSS backgrounds

Edit: How can I detect in php if the client browser is capable of displaying SVG as CSS background ? I renamed my stylesheet from .css to .css.php. So I can include at the beginning: and somewhere in the…
panny
  • 165
  • 1
  • 8
4
votes
1 answer

Inline SVG within H1

I'm in the process of updating my website by replacing large PNG images with inline SVG images. My current code looks something like this:

Company Name

And I'd like to replace it with something like…
Alexander Jank
  • 195
  • 1
  • 5
4
votes
3 answers

How to make a website from .pdf / .ai / .svg files?

I have designed an infographic for a client using Illustrator and now they asked me to make a website for them based on the infographic. I use Adobe Dreamweaver occasionally, but I'm not good with it, I might sound like a newbie but Notepad++ was…
Omne
  • 989
  • 1
  • 6
  • 17
4
votes
1 answer

Should I use SVG graphics when I can or is support for them too varied or uncertain?

I want to use only SVG graphics on my site wherever I can but it seems like support has been inconsistent in the past. Is SVG support finally stabilizing across browsers, or am I still going to have to hedge my bets with a PNG for the foreseeable…
Chroma Geddon
  • 43
  • 3
4
votes
1 answer

Do I have too many pages with canvas/svg tags on them?

Being documentation for my charting software, I have a lot of pages on my website that have SVG and/or canvas tags on them. I recently learned from a Google video that during indexing, the JavaScript on the page isn't run immediately and can take…
Richard
  • 321
  • 1
  • 9
4
votes
1 answer

Are there best practices to embed c3.js charts seo friendly?

We have a website with a large amount of inline svg charts made with c3.js. Is there a best practice how to embed them user- (links effects on hover etc.) and search engine (indexable in image search)- friendly at the same time? Something like a…
BeDo
  • 41
  • 2
4
votes
1 answer

Is it a good practice to use an SVG as a logo?

I am building a website for a brand. The designer sent me the company logo in an .svg format. I rarely see SVG logos on websites, and I usually work with PNG images so I have two questions : Is it a good practice to use an .svg file as a site logo?…
Lulucmy
  • 143
  • 5
1
2 3 4