-
SVG. Files and SEO
Hello,
My website is a landing page for a product I’m launching this June. I am doing a deep dive into SEO and have noticed all of the font on my website cannot be highlighted.
I created my website using SVG. files to create a clean uniform look across all devices. I’m guessing this is really hurting my SEO results.
Are there ways to allow search engines to recognize my SVG formatted text? Should I be exporting SVG images in a different format? Or maybe have the text hiding behind my SVG images so its still recognizable by google?
Thanks ahead of time for the help. I have been searching the topic quite a bit, but haven’t found an exact answer. My website is the same as my username if you want to get an idea of what I’m working. with.
-
2 Replies
-
You can format the text inside the svg, it’s just uncommon to build a whole website in svg tho. Hiding the text isn’t a good solution. Don’t worry about highlighting is just bad for ux but doesnt affect ranking
-
> I created my website using SVG.
Oh my *LORD!* You’ve actually converted the text to SVG shapes! That’s probably why your SEO results are down, as Google can’t recognize words and/or webpage structure if you’ve turned everything into raw SVG data!
> all of the font on my website cannot be highlighted.
Because they’re (mostly) SVG shapes and you can’t select those.
> Are there ways to allow search engines to recognize my SVG formatted text?
It’s not SVG **formatted** text. They’re SVG **shapes**. Google can not recognize *anything* from that!
> Or maybe have the text hiding behind my SVG images so its still recognizable by google?
Uh, I guess would be the quickest fix. The best one would be to replace the SVG shapes with text (which you can then format via CSS).
—-
If you want to know what Google *could* recognize:
1. Go to your website
2. Press `Ctrl-a` to select all text
3. `Ctrl-c` to copy it
4. Open your favorite text editor and press `Ctrl-v` to paste it
Log in to reply.