Questions tagged [svg]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
48 views

Would canvas based charts be seen by Google as duplicate images?

Until March/April this year, I had used images sourced from Google Images - ie duplicate images. As a result, my performance on Google was awful. For over 10, long, very long years...! Now that I've ...
Richard's user avatar
  • 311
1 vote
1 answer
51 views

What is this SVG tag and what is it doing?

Working on a client site and found this SVG tag sitting in the template footer, but I can't figure out what the heck it's for. Anyone seen this before? <svg xmlns="https://www.w3.org/2000/svg&...
miles's user avatar
  • 183
0 votes
1 answer
64 views

What is the tool used to generate the statement SVG images on the SQLite documentation site?

The SQLite documentation website shows statements as in the following screenshot: What is the library/tool used to generate those SVG images?
Alexis Wilke's user avatar
  • 2,235
2 votes
1 answer
641 views

BIMI SVG validation error

I have a validation error that I can't seem to fix. The error is: svg:1:133: error: element 'svg' missing required attribute 'baseProfile' Meanwhile, my SVG tag is: <svg baseProfile="tiny-ps&...
David del Mar's user avatar
1 vote
1 answer
68 views

Size of svg file with text converted to paths

I'm using an svg image as a full screen page for reference material. That way I can have it stretch to fit whatever width of screen is being used. Example here: https://aloba.net/dinoJump/hints/index....
scripta's user avatar
  • 121
4 votes
1 answer
102 views

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 ...
Richard's user avatar
  • 311
1 vote
1 answer
770 views

SEO impact while using h1 text with inline SVG

I have a site title, let's say "My site" inside an h1 tag, where I would like to use an inline SVG instead of the letter i. Something like the following: "My s<svg ... />te" ...
Siddharth Thevaril's user avatar
2 votes
0 answers
82 views

Google Lighthouse and SVGs with preserveAspectRatio="none"

Google Lighthouse has a red triangle error which significantly impacts the Best Practices score: Displays images with incorrect aspect ratio I can understand why this would be regarded as an error ...
Rounin's user avatar
  • 2,335
4 votes
1 answer
91 views

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)-...
BeDo's user avatar
  • 41
8 votes
3 answers
22k views

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 <svg> or &...
ardacarofficial's user avatar
13 votes
2 answers
9k views

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 ...
Syed M. Sannan - alt's user avatar
1 vote
1 answer
838 views

SVG inline title in H1 for SEO

I would like to use in my H1 a SVG inline using title to put my text/keyword. eg: The classic way <h1>My Title</h1> My idea <h1> <svg> <title>My Title</title> ...
zkokk's user avatar
  • 13
3 votes
3 answers
3k views

SEO (speed): SVG vs background-image vs image tag

I know this has been asked multiple times, but I really could not find an answer. I have a relatively small logo (icon) and I need to load it multiple times on specific places. I was wondering: should ...
Siyah's user avatar
  • 406
4 votes
1 answer
457 views

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 ...
Lulucmy's user avatar
  • 143
1 vote
0 answers
149 views

Data URLs not working in the address bar of Firefox Mobile browser

I've been running some experiments and it's clear to me that an SVG Data URL like this: data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23A0041E' d='...
Rounin's user avatar
  • 2,335
1 vote
0 answers
56 views

How does google image indexes SVG sprites?

If I use svg sprite, does google image indexes the entire sprite? Or each image separately?
Samir B's user avatar
  • 11
2 votes
1 answer
1k views

Are SVG inline "images" (XML inside HTML) indexed by Google as images?

I have a site on which I want to generate many svg dynamically with JS. I make them dynamically because they are like 20.000 and making them as real images on the server would be a nightmare... So I ...
Fabio Manzo's user avatar
4 votes
0 answers
299 views

svg vs canvas for SEO

While choosing a charting library for my react application, one of the criteria that I am evaluating is whether the library works with canvas or svg internally. Apart from the various other factors ...
gaurav5430's user avatar
1 vote
1 answer
678 views

Apache serves .svg file without Content-type header

Apache is serving an .svg file, but the HTTP response does not have a Content-type header. Consequently, Chrome is displaying the text of the .svg file, rather than the desired image. My goal is for ...
mpb's user avatar
  • 111
0 votes
1 answer
54 views

SVG and Google Fonts [closed]

I would like to use SVG files for some tables on a website, the code weighs in at a lightweight 35Kb and, of course, it's scalable. I am using <object> as the embedding method (basically after ...
Chris Pink's user avatar
1 vote
1 answer
505 views

Would a long article using SVG rendered letters (rather than a font) be performant (usable and scrollable)?

I would like to know if any webpages exist where every single character/glyph is an SVG path, rather than using a font. I look places like here which discusses icon fonts and how they relate to ...
Lance's user avatar
  • 521
31 votes
2 answers
7k views

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's user avatar
  • 521
3 votes
3 answers
2k views

Google SDTT doesn't accept SVG as image in 'Article'

Currently I'm creating a review website on which the items that are reviewed have their logo / main image as an SVG object. Unfortunately Google's Structured Data Testing Tool doesn't allow SVG as ...
Justin's user avatar
  • 307
6 votes
2 answers
4k 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=...
cute_ptr's user avatar
  • 189
2 votes
0 answers
849 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 ...
cute_ptr's user avatar
  • 189
4 votes
1 answer
84 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: ...
Frans's user avatar
  • 41
1 vote
1 answer
399 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 ...
Luca DM's user avatar
  • 11
7 votes
1 answer
3k 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 ...
Bee's user avatar
  • 71
2 votes
1 answer
4k 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? ...
BarbuDorel's user avatar
1 vote
3 answers
166 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 ...
Martin Braun's user avatar
1 vote
1 answer
658 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 ...
Martin Braun's user avatar
2 votes
1 answer
304 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?
dasickle's user avatar
  • 3,658
2 votes
2 answers
943 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 ...
mirza's user avatar
  • 197
3 votes
1 answer
1k 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 ...
Chris W.'s user avatar
  • 133
5 votes
1 answer
1k 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 ...
Alexander Jank's user avatar
4 votes
1 answer
7k 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" /&...
Alexander Jank's user avatar
2 votes
2 answers
412 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 ...
Simon Hayter's user avatar
2 votes
1 answer
3k 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 ...
mate64's user avatar
  • 143
1 vote
0 answers
73 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" ...
MarianSI's user avatar
0 votes
1 answer
488 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 ...
user9539's user avatar
2 votes
1 answer
1k 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 ...
Theo Walcott's user avatar
3 votes
2 answers
8k 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 ...
Patrickdev's user avatar
8 votes
3 answers
7k 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 ...
Simon Hayter's user avatar
4 votes
3 answers
341 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,...
Omne's user avatar
  • 989
1 vote
1 answer
995 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 ...
BartoNaz's user avatar
  • 111
4 votes
1 answer
124 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 ...
Chroma Geddon's user avatar
0 votes
1 answer
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 ...
Kenmore's user avatar
  • 123
1 vote
1 answer
206 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 ...
unixman83's user avatar
  • 427
0 votes
2 answers
99 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 ...
lulalala's user avatar
  • 738
5 votes
1 answer
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 ...
panny's user avatar
  • 165