Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
SVG image files causing multiple title tags on page - SEO issue?
-
Does anyone have any experience with SVG image files and on-page SEO?
A client is using them and it seems they use the title tag in the same way a regular image (JPG/PNG) would use an image ALT tag. I'm concerned that search engines will see the multiple title tags on the page and that this will cause SEO issues.
Regular crawlers like Moz flag it as a second title tag, however it's outside the header and in a SVG wrap so the crawlers really should understand that this is a SVG title rather than a second page title. But is this the case?
If anyone has experience with this, I'd love to hear about it.
-
I noticed this with some of our competition. It doesn't seem to hurt them being that they are ranked number 1 and 2
-
Hi Joshua
I don't think this will cause a search engine conflict, but I'll pass this to a Moz product person to see if they can answer re: Moz On-Page Grader
-Dan (Moz Associate)
-
Hi David
I am getting the same issue when I use the Moz On-Page Grader, it is telling me I am using too many title tags, but surely this shouldn't flag an issue as these title tags are external from the head, or does this genuinely impact the ranking of the page?
Here is an example of an SVG our designer has put into a page (one of many) that is being flagged:
<title>Find Your Dealership Icon</title>
In addition do search engines read the title tag or is it ignored?
Thanks in advance to anyone that can help.
-
David
It's hard to tell from that image if the SVG title is nested like in this example: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title - can you let us know?
Thanks!
-
Yep - attached. I've redacted the title as it showed the client's name but would be good to see whether you think this is properly optimised?
-
It would surely be helpful to post the HTML so we can see what's going on. W3Schools has a great tutorial here http://www.w3schools.com/svg/default.asp. If your title tag is properly embedded with the svg element, everything will be fine. From what you posted here, it seems you're afraid search engines will confuse the svg title with the page title. That won't happen if your HTML is correct. Post it here and I'll take a look.
-
Could you share the example here? I doubt it would create any issues as it seems that it's more an issue on the side of most SEO crawlers. A title elemement on an SVG doesn't even get close to being a second title tag

Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Multiple H1s and Header Tags in Hero/Banner Images
I work on education websites, and our sites are being flagged by SEO and accessibility checkers for having multiple H1s. The home pages have the site name as an h3 in the hero image, and an aspirational headline (think: Be Like Mike) as an H1. The sub-pages have two H1s: one on the site name in the banner image, and the other on the page title. Note that the site name is very keyword-rich. If we were to remove the H1 and H3 tags from the hero/banner images, would it do any SEO harm? At the same time, we’d rewrite the H1 on the home page to be more keyword-focused. Any other options? I also read that it’s OK to have multiple H1s as long as it’s clear which H1 belongs to the heading area and which one belongs to the body area of the page. Thanks in advance!
On-Page Optimization | | UWPCE0 -
How to generate an automatic title and meta description for lots of pages
Hi, I'm working on a big website that will have new pages every month. I would like to find a plug-in or something free to generate automatic title and meta description for futur new pages. Thanks you for your help!
On-Page Optimization | | Maely0 -
Duplicate 'meta title' issue (AMP & NON-AMP Pages)
how to fix duplicate meta title issue in amp and non-amp pages? example.com
On-Page Optimization | | 21centuryweb
example.com/amp We have set the 'meta title' in desktop version & we don't want to change the title for AMP page as we have more than 10K pages on the website. ----As per SEMRUSH Tool---- ABOUT THIS ISSUE It is a bad idea to duplicate your title tag content in your first-level header. If your page’s <title>and <h1> tags match, the latter may appear over-optimized to search engines. Also, using the same content in titles and headers means a lost opportunity to incorporate other relevant keywords for your page.</p> <p><strong>HOW TO FIX IT</strong></p> <p>Try to create different content for your <title> and <h1> tags.<br /><br />this is what they are recommending, for the above issue we have asked our team to create unique meta and post title for desktop version but what about AMP page?<br /><br />Please help!</p></title>0 -
Do WooCommerce product tags effect SEO?
I'm just curious if I need these product tags and if they impact in any way at all SEO? - whether that be positively or negatively. on1iRin
On-Page Optimization | | xdunningx0 -
Include Site Name in Page Titles or not
i would like to ask if it is a good practice or not to Include Site Name in Page Titles. My page is not selling products it is about plagiarism checker tool. i will give one example in one page we are writing about the plagiarism types so the page title is plagiarism types and then is the site name. what is the better practice? Keep it or not? thanks in advance
On-Page Optimization | | anavasis3 -
How to separate your - keywords - and | Brand name in the Title Tag
I have traditionally used hyphens (-) and vertical bars (|) to separate out keywords/brands in title tags. A client has asked if other characters will work such as tilde (~), apersat (@), forward slash (/) etc. Are there any special characters we should steer clear of?
On-Page Optimization | | Switch_Digital0 -
Alt tag matching product titles - e-commerce
Hey all, Just wondering if it is ok to match the alt tag to product titles. Imagine an e-commerce site that lists a whole lot of products on any one page for any one category. Each product listing has a thumbnail image beside it. The easiest way to implement this dynamically is to use the product title for the alt tag. Anyone had any experience with this? Is it overkill / spam of keywords - given that the product title is repeated. Our current situation is that our alt tags are simply blank or say 'photo' which is no good, and we have hundreds of thousands of pages. Cheers, Croozie
On-Page Optimization | | sichristie0 -
Avoiding "Duplicate Page Title" and "Duplicate Page Content" - Best Practices?
We have a website with a searchable database of recipes. You can search the database using an online form with dropdown options for: Course (starter, main, salad, etc)
On-Page Optimization | | smaavie
Cooking Method (fry, bake, boil, steam, etc)
Preparation Time (Under 30 min, 30min to 1 hour, Over 1 hour) Here are some examples of how URLs may look when searching for a recipe: find-a-recipe.php?course=starter
find-a-recipe.php?course=main&preperation-time=30min+to+1+hour
find-a-recipe.php?cooking-method=fry&preperation-time=over+1+hour There is also pagination of search results, so the URL could also have the variable "start", e.g. find-a-recipe.php?course=salad&start=30 There can be any combination of these variables, meaning there are hundreds of possible search results URL variations. This all works well on the site, however it gives multiple "Duplicate Page Title" and "Duplicate Page Content" errors when crawled by SEOmoz. I've seached online and found several possible solutions for this, such as: Setting canonical tag Adding these URL variables to Google Webmasters to tell Google to ignore them Change the Title tag in the head dynamically based on what URL variables are present However I am not sure which of these would be best. As far as I can tell the canonical tag should be used when you have the same page available at two seperate URLs, but this isn't the case here as the search results are always different. Adding these URL variables to Google webmasters won't fix the problem in other search engines, and will presumably continue to get these errors in our SEOmoz crawl reports. Changing the title tag each time can lead to very long title tags, and it doesn't address the problem of duplicate page content. I had hoped there would be a standard solution for problems like this, as I imagine others will have come across this before, but I cannot find the ideal solution. Any help would be much appreciated. Kind Regards5