Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [svg]

The tag has no usage guidance.

5
votes
2answers
90 views

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 <svg> and can entirely omit the width and height attributes (i.e. something like <svg viewBox=...
2
votes
0answers
110 views

What is the recommended way to make inline SVG images indexable?

On pages that have many SVG images, it would be desirable to inline all the svg images since this will reduce the number of HTTP requests and significantly reduce the size of all SVGs combined because ...
4
votes
1answer
67 views

Effect resizing SVGs has on SEO

Does loading an SVG smaller than the original resolution have impact on your SEO? As example: index.html: <img src="test.svg" width="10" height="10"/> test.svg (original size: ...
1
vote
1answer
160 views

Because alt is not allowed on SVG image link, can I add a second display:none image to let Google see alt text?

My developer has created a product page with images managed in this way: xmlns="http://www.w3.org/2000/svg" class="original"> <image width="100%" height="100%" preserveaspectratio="xMidYMid ...
2
votes
1answer
474 views

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 ...
1
vote
1answer
2k views

How to style an svg using external stylesheet? [closed]

I have an SVG file and I want to include it in an HTML page. I want to style it using an external CSS file, but I don't want to include the stylesheet reference in the SVG itself. Is this possible? ...
1
vote
3answers
89 views

Will Googlebot take text appearance into account?

The Google bot will rank words by the surrounding tag. A text between h1 tags will have more score than the content of another h{n} element or the p element, of course. However, is the Google bot ...
1
vote
1answer
409 views

Will Google index text in inline SVG that was rendered through JavaScript?

As far as I know the Google bot will index text inside of inline SVG, this has been answered already. However I don't know this applies to text that was generated through JavaScript. Here is an ...
3
votes
1answer
110 views

SEO implications when using SVG for visual effects on website?

We are working on redesigning our website and want to use SVG for visual effects. Mostly header, animated icons and etc. Are there any known issues related to SEO?
2
votes
2answers
424 views

Prevent Google from seeing “svg” as a content keyword without using .htaccess

Is there a simple way to do this without using "X-Robots-Tag: noarchive" and robots.txt ? Because in some shared hosting packages it is not possible to modify this kind of values. I have came across ...
3
votes
1answer
418 views

Can you use SVG as Schema.org logo image filetype? [duplicate]

I couldn't find anything regarding what file types are acceptable for things like google's schema.org rendering of a logo in search results. Since I've not yet implemented a site utilizing the ...
4
votes
1answer
501 views

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 ...
2
votes
1answer
2k views

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: <h1> <img src="logo.png" alt="Company Name" /&...
2
votes
2answers
322 views

Do search engines index and rank text content in external SVG files (not inline)

I am under the impression that Google and other search engines understand the text content within SVG, however... I unable to find a source that indicates that Google rewards the content found in SVG ...
2
votes
1answer
2k views

Does Google parse SVG images as value of the Schema.org 'image' property in JSON-LD?

Structured data markup is a standard way to annotate your content so Google can understand it. However, I am not sure, if Google will accept and parse svg+xml images as a value for the Schema.org ...
1
vote
0answers
43 views

Is the text inside a SVG affecting SEO? [duplicate]

I wonder if the text: "Sorry, your browser does not support inline SVG." inside a SVG, is affecting SEO? <svg width="100" height="100"> <circle cx="50" cy="50" r="40" stroke="green" ...
0
votes
1answer
323 views

Are SVG images well supported enough to use in emails?

I am looking to replace the default logo in all our Magento transactional emails. Using the "Welcome Email" template as a test, I've added our logo as an SVG file. This displays fine with all of the ...
2
votes
1answer
446 views

What is an acceptable level of FPS in browser workslow editor?

I'm developing a diagraming tool and need some metrics to test it against. Unfortunately I couldn't find information regarding an average acceptable FPS level for this kind of web apps. We all know ...
3
votes
2answers
4k views

How to set the Content-Type for SVG files parsed by PHP

I currently use the following Apache httpd conf: <FilesMatch "\.svg$"> SetHandler application/x-httpd-php </FilesMatch> AddType image/svg+xml .svg What I'm trying to achieve: Parsing ...
6
votes
3answers
4k views

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 ...
3
votes
3answers
256 views

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,...
1
vote
1answer
773 views

Protect SVG from client access

I want to make a presentation that consists from some number of slides. The actual content of the slides is going to consist of vector elements in SVG format. The transition between slides should be ...
4
votes
1answer
76 views

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 ...
0
votes
1answer
1k views

SVG images grow and create scrollbars when on the server

Okay so I embedded some SVG images into my page and opened it locally on Chrome and it looked fine. I upload the same file to the server and look at the page online and the SVG images have grown by ...
1
vote
1answer
198 views

Free vector graphics package for Windows OR Linux

What is the most popular and/or feature complete vector graphics package for Windows and/or Ubuntu Linux? I keep finding 'Vector Art' sites but nothing about the software used to create it. Adobe must ...
0
votes
2answers
94 views

What's the best way to serve simple flowcharts

The websites in the government sector often provide Word files containing flowcharts. They are simple flowcharts with at most ten nodes in size, showing common workflows to people. There are several ...
5
votes
1answer
1k views

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: <?php ...
20
votes
2answers
7k views

Do search engines index text contained in SVG elements?

Example: <svg><text>Hello World</text></svg>?