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
-
Trailing Slashes and SEO
Hi, We're currently using a third party blog platform (Blog Engine) on our site and we have a trailing slash issue. I can add as many trailing slashes as I want to the blog's homepage URL, but they don't redirect and our dev guys say this cannot be done with Blog Engine. We're in the process of building our own blog but, in the meantime, I just wanted to know if this will cause an issue? Individual blog posts with trailing slashes are redirected, it's just the homepage where it can't be done. I haven't noticed any traffic going to a blog URL with trailing slashes, and I don't believe any URLs with trailing slashes are being indexed, so should this be OK? Cheers, Lewis
Technical SEO | | PeaSoupDigital0 -
Seo For Forum Sites
I have forum site.I've opened it 2 months ago.But there is a problem.Therefore my content is unique , my site's keyword ranking constantly changing..Sometimes my site's ranking drops from first 500.After came to 70s. I didn't make any off page seo to my site.What is the problem ?
Technical SEO | | tutarmi0 -
Do I need to do on-page SEO for my mobile site?
We have a desktop site, and we just built our first mobile site. Right now, the mobile site doesn't have any title tags, meta descriptions or anything like that, but do I need to even do that? If I have all of that on the desktop site, and the mobile site is just redirected from the desktop site, can't I just do it on the desktop site only? Is there anything to gain from doing it for both sites?
Technical SEO | | KempRugeLawGroup0 -
International Seo - Canada
Our organization is currently only operating in the USA but will soon be entering the Canadian market. We did a lot of research and decided that for our needs it would be best to use a subfolder for Canada. Initially we will be targeting the english speaking community but eventually we will want to expand to the french speaking Canadians as well. The question is - is there a preferred version in setting up the subfolders: www.website.org/ca/ -- default will be english www.website.org/ca/fr/ - french www.website.org/en-ca/ - english www.website.org/fr-ca/ - french www.website.org/ca/en/ -english www.website.org/ca/fr/ - french Thanks
Technical SEO | | Morris770 -
Want to Target Mobile site for Google Mobile Version and Desktop Site for Google Desktop Version
I have ecommerce site with both mobile version and desktop version. Mobile version starts with m.example.com and full version starts with www.example.com I am using same content through out both site and using 301 redirection by detecting user agent vice-versa. My both sites are accessible to crawl by any google spider. I have submitted both sites's sitemap to GWT and mobile site having mobile sitemap xml, so google can easily recognize my mobile site. Is it going to help to rank my both sites as per my expectation? I need to rank for mobile site in Google mobile and ranking for desktop site in Google desktop version. Some of pages of my mobile site are started to appearing in Google desktop version. So how I can stop them to appear in Google desktop? Your comments are highly welcome.
Technical SEO | | Hexpress0 -
Schema.org : reviewCount & ratingValue - best practices for implementation?
I'd like to add our merchant review count and rating to our site and use the schema.org markup to indicate to the search engines what these are. The reason I'd like to do this is so that the star rating pulls through to the organic listing. Check out this example from several UK tight sites. Notice how the organic listings display the star rating... My questions are: Has anyone seen an example of this from Google.com (US site) I heard that you should only add this markup to the homepape - but couldn't find any Google documentation to back this up. Do you know if this can be applied throughout the site w/o penalty? Thanks everyone!
Technical SEO | | evoNick0 -
Mobile SEO Tips and Best Practices
Hi, Any advice on approaches for mobile SEO much appreciated. For example, what things do I need to do to optimise a mobile version of a desktop site? E.g. optimise titles, meta description, headings and copy, do I need to submit a mobile sitemap to Google? Do I need to link from the mobile page to the corresponding page on the desktop site and vice versa? Will Googlebot Mobile naturally find the site from the desktop link? What about link building for mobile sites, any thoughts on this, are there specific mobile sites that will link such as directories for a start? Any other tips or resources? Any SEOMoz resources on this? What about the same domain versus the subdomain debate about hosting the mobile site? Any thoughts? Many thanks
Technical SEO | | MarkChambers0 -
What are the best Free Press release sites to gain free links
Hi I am trying to find some good free press release sites that allow you to have a link with your press release to help drive traffic to your site but all the ones that i have found do not have links within them. The only ones i can find where you can have links in them are paid ones. Does anyone use press release sites to gain links to their sites and if so could you let me know which ones they are please and how important you feel they are.
Technical SEO | | ClaireH-1848860