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.
What is SEO best practice to implement a site logo as an SVG?
-
What is SEO best practice to implement a site logo as an SVG?
Since it is possible to implement a description for SVGs it seems that it would be possible to use that for the site name.<desc>sitename</desc>
{{ STUFF }}There is also a title tag for SVGs. I’ve read in a thread from 2015 that sometimes it gets confused with the title tag in the header (at least by Moz crawler) which might cause trouble. What is state of the art here? Any experiences and/or case studies with using either method?
<title>sitename</title>
{{ STUFF }}However, to me it seems either way that best practice in terms of search engines being able to crawl is to load the SVG and implement a proper alt tag:
What is your opinion about this? Thanks in advance.
-
As you can see Yoast SEO just follow the official information and guides
-
I think the point that Roman is making is that it doesn't make any difference what you use for your logo from Google perspective.
You just need to make sure that it works across the different types of browser.
As far as I know, Google doesn't really interpret images as such at the moment.
-
This what Google say about it
"Today, we’re launching support for the schema.org markup for organization logos, a way to connect your site with an iconic image. We want you to be able to specify which image we use as your logo in Google search results.
Using schema.org Organization markup, you can indicate to our algorithms the location of your preferred logo. For example, a business whose homepage is www.example.com can add the following markup using visible on-page elements on their homepage:
Update 21 October 2014: You can also use any other supported syntax such as this JSON-LD code:
This example indicates to Google that this image is designated as the organization’s logo image for the homepage also included in the markup, and, where possible, may be used in Google search results. Markup like this is a strong signal to our algorithms to show this image in preference over others, for example when we show Knowledge Graph on the right hand side based on users’ queries."
Source
Using schema.org markup for organization logos
-
Roman,
Yoast is an SEO guidance plugin for WordPress. This is only good info if the op has a WordPress website!
Thanks,
Don Silvernail
-
As I understand Google doesn't care if your logo is in SVG, JPG or PNG. If you want to mark up your logo the best way to do it is using Schemas.
In fact "Yoast SEO" the most popular SEO plugins for WordPress use this solution.
Wordpress > Dashboard > Company info
you set the info on your website, upload your logo and then you will notice that the plugins have created json code with your company or website info.Schema.org Markup
Google recently introduced Schema.org markup for logos, which is semantic markup that helps search engines to clearly discover which website image should be considered the official logo. Example:[![Acme LLP Patent Lawyers, Chicago, IL](https://www.example.com/acme-patent- lawyers.gif)](http://www.example.com/ "Acme Patent Lawyers, Chicago")
Google Official Guide
Using schema.org markup for organization logosIN SUMMARY
Forget the file format and focus on how you mark up the information on your website. If you don't have WordPress there is a lot of options to create schemas.Introduction to Structured Data just need a code editor or you can use some
Schema Markup Generator this is the Google Official Tool to validate your SchemasIF THIS ANSWER WERE USEFUL MARK IT AS A GOOD ANSWER
-
As Donald said you don't want your logo as the title.
ALT text is used to describe an image, the impact on SEO is very small these days.
I would say keep the good HTML programming and editorial practices such as start your page with a header, adding titles were appropriate and elaborate with text, pictures and videos. Make sure you describe the pictures and videos with text, including the text around the element and within the ALT the text.
In this day and age, you need to optimize the user experience, not the search engine.
-
Hi Twisme,
You do not want google to think of your image title as a site title. It is not documented how google treats svgs and their properties. my recommendation would be to use the old fashion way <img src="file.svg" alt="youralttaghere">
Thanks,
Don Silvernail
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
-
Are on-site content carousel bad for SEO?
Hi, I didn't find an answer to my question in the Forum. I attached an example of content carousel, this is what I'm talking about. I understand that Google has no problem anymore with tabbed contents and accordeons (collapsible contents). But now I'm wondering about textual carousels. I'm not talking about an image slider, I'm talking about texts. Is text carousel harder to read for Google than plain text or tabs? Of course, i'm not talking about a carousel using Flash. Let's say the code is proper... Thanks for your help. spfra5
Technical SEO | | Alviau0 -
How to Implement JSON-LD
Hi, I was implementing JSON-LD via Google Tag Manager but have since read that it is better to place directly on the web page. My questions are: Where exactly do you add the JSON-LD - I mean physically? This article by Moz says the head or body. Does it matter where in the head? At the end? If you do not have development access- is there an easy way to insert? Can you view the added JSON-LD directly on the web page after you have added it or is it not visible in the source once you have added it this way ? If you cannot see it, how do you view? Or it it just OK to use the Google Structured Testing tool as evidence that it is being seen by Google? Thanks
Technical SEO | | AL123al1 -
Best Practice on 301 Redirect - Images
We have two sites that sell the same products. We have decided to retire one of the sites as we'd like to focus on one property. I know best practice is to redirect apples to apples, which in our case is easily done since the sites sold the same thing. www.SiteABC.com/ProductA can be redirected to www.SiteXYZ.com/ProductA. My question is how far does that thinking go regarding images? Each product has a main product page, of course, and then up to 6 images in some cases. Is it necessary to redirect www.SiteABC.com/ProductA-Image1.jpg to www.SiteXYZ.com/ProductA-Image1.jpg? Or can they all be redirected to just the product page?
Technical SEO | | Natitude0 -
Mobile site ranking instead of/as well as desktop site in desktop SERPS
I have just noticed that the mobile version of my site is sometimes ranking in the desktop serps either instead of as well as the desktop site. It is not something that I have noticed in the past as it doesn't happen with the keywords that I track, which are highly competitive. It is happening for results that include our brand name, e.g '[brand name][search term]'. The mobile site is served with mobile optimised content from another URL. e.g wwww.domain.com/productpage redirects to m.domain.com/productpage for mobile. Sometimes I am only seen the mobile URL in the desktop SERPS, other times I am seeing both the desktop and mobile URL for the same product. My understanding is that the mobile URL should not be ranking at all in desktop SERPS, could we be being penalised for either bad redirects or duplicate content? Any ideas as to how I could further diagnose and solve the problem if you do believe that it could be harming rankings?
Technical SEO | | pugh0 -
Best Practices for adding Dynamic URL's to XML Sitemap
Hi Guys, I'm working on an ecommerce website with all the product pages using dynamic URL's (we also have a few static pages but there is no issue with them). The products are updated on the site every couple of hours (because we sell out or the special offer expires) and as a result I keep seeing heaps of 404 errors in Google Webmaster tools and am trying to avoid this (if possible). I have already created an XML sitemap for the static pages and am now looking at incorporating the dynamic product pages but am not sure what is the best approach. The URL structure for the products are as follows: http://www.xyz.com/products/product1-is-really-cool
Technical SEO | | seekjobs
http://www.xyz.com/products/product2-is-even-cooler
http://www.xyz.com/products/product3-is-the-coolest Here are 2 approaches I was considering: 1. To just include the dynamic product URLS within the same sitemap as the static URLs using just the following http://www.xyz.com/products/ - This is so spiders have access to the folder the products are in and I don't have to create an automated sitemap for all product OR 2. Create a separate automated sitemap that updates when ever a product is updated and include the change frequency to be hourly - This is so spiders always have as close to be up to date sitemap when they crawl the sitemap I look forward to hearing your thoughts, opinions, suggestions and/or previous experiences with this. Thanks heaps, LW0 -
Found a Typo in URL, what's the best practice to fix it?
Wordpress 3.4, Yoast, Multisite The URL is supposed to be "www.myexample.com/great-site" but I just found that it's "www.myexample.com/gre-atsite" It is a relatively new site but we already pointed several internal links to "www.myexample.com/gre-atsite" What's the best practice to correct this? Which option is more desirable? 1.Creating a new page I found that Yoast has "301 redirect" option in the Advanced tap Can I just create a new page(exact same page) and put noindex, nofollow and redirect it to http://www.myexample.com/great-site OR 2. htacess redirect rule simply change the URL to http://www.myexample.com/great-site and update it, and add Options +FollowSymLinks RewriteEngine On
Technical SEO | | joony2008
RewriteCond %{HTTP_HOST} ^http://www.myexample.com/gre-atsite$ [NC]
RewriteRule ^(.*)$ http://www.myexample.com/great-site$1 [R=301,L]0 -
Google.ca is showing our US site instead of our Canada Site
When our Canadian users who search on google.ca for our brand (e.g. Travelocity, Travelocity hotels, etc.), the first few results our from our US site (travelocity.com) rather than our Canadian site (travelocity.ca). In Google Webmaster Tools, we've adjusted the geotargeting settings to focus on the appropriate locale, but the wrong country TLD is still coming up at the top via google.ca. What's the best way to ensure our Canadian site comes up instead of the US site on google.ca? Thanks, Tory Smith
Technical SEO | | travelocitysearch
Travelocity0 -
What are the pros and cons of moving one site onto a subdomain of another site?
Two sites. One has weaker sales. What would the benefits and problems for SEO of moving the weak site from its own domain to a subdomain of the stronger site?
Technical SEO | | GriffinHansen0