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
-
On-page SEO
This is a question for the organic SEO experts, once you added the main keyword that you want to rank for in the homepage title, meta title plus meta description, perhaps once or twice in the text on the homepage. How often do you then write it in the content marketing, say blog posts, we want to rank higher on Google for "SEO agencies Cardiff" however if you mention this in the blog posts too much say once a week, this could lead to over optimisation issues?
On-Page Optimization | | sarahwalsh1 -
Targeting Home page is better for local seo
Hey guys i need know whether targeting homepage for local SEO is good or creating separate page for locatin
On-Page Optimization | | moz12pro0 -
Is the URL Matching the Page Title Important?
Hello I have tried searching for an answer on this but I can't get a clear answer due to the results when searching for URL title. I have just launched our second Shopify site for one of our brands. My first site launched in 2014 but when I launched I didn't pay much heed to SEO for page titles, URLs, etc so have retrospectively fixed this over time. For my Shopify site just launching I want to get it as right as possible from the start (learning from mistakes). My question is regarding URLs and what my approach should be for better SEO. So, I have a page with a Title of Newton Leather Wallets, Purses, Card Holders & Glasses Cases and the URL is https://www.tumbleandhide.com/collections/newton-leather-wallets-card-holders It was my understanding that I should try and make the URL reflect the Page Title more accurately. The problem is that this takes the character count to 77. On other pages it can be in the 80s. Will the above link be better for SEO than say just https://www.tumbleandhide.com/collections/newton I am just wary of the URL's being too long as my Moz Site Crawl is returning a lot of URLs that are too long. Thanks in Advance.
On-Page Optimization | | lukegj0 -
Multiple menu items pointing to same page
I have an automotive dealer as a client. The primary nav has a finance menu item, which (of course) points to the finance related pages. He just requested that I add a finance link item, as child menu items, under the new and used car nav items. Now, this is wrong for a host of reasons, what is the best way to communicate to this to him? I mean, I see this as a usability issue, it's wrong thematically, we would end up having 3 links pointing to the same page. Would this classify as dupe content?
On-Page Optimization | | AfroSEO0 -
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 -
What should I put in the image ALT and title text for blogger?
Hello, I wanted to know what should I put in the image ALT and title text for blogger. I've read so many damn articles about ALT text and Title text for blogger; nothing explained what I put in it though. What am I supposed to put in it that will help me with my on page optimization? (Stuff like do I use spaces or dashes, do I put my keyword in there, how many characters should I not exceed, do I put one word or two words?) If I have a picture of a backpack, what should the alt text be? What if I have 10 different pictures of backpacks on 1 page? How about if I had a backpack next to a tv in an image? A specific answer or a detailed one is nice!
On-Page Optimization | | 6786486312640 -
Should I include a "|" for better page title SEO results?
I have seen many sites that include the "|" in page titles and was wondering if there is some SEO value in the practice. Example: Product Name | Company Name Instead of: Product Name by Company Name I have not seen any value in it myself other than a good way to avoid stop words. I wanted to make sure. Currently I have the "by" included in the page titles.
On-Page Optimization | | JedHenning0 -
Hiding Page Titles By Display None
Hi. I am new to this community, and new to SEO as well. A friend asked me to give them suggestions on onsite optimization for their Drupal website. I know page titles are very important, and usually they should be set to H1. (At least I think) This particular website has all their page titles set to H2 and they are using display:none in their stylesheet to hide them for graphic design reasons. What would be the most practical work around for this? We don't want this to appear sketchy in the eyes of the SE's, but putting page titles at the top of their pages really would take away from their graphical design. The second issue is that they use a module called Quicktabs for tabbed product specs on each page. Each tab is actually pulled from a post (called a node in Drupal), so each tab has it's own title that is an H2. So not only are they hiding the main page title, but they are hiding 5 others within the tabs, and their are 6 H2 elements showing up on each product page all set to display:none. Any creative suggestions? Hope that makes sense.... Thank you!
On-Page Optimization | | aprilm-1890400