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
-
Test site got indexed in Google - What's the best way of getting the pages removed from the SERP's?
Hi Mozzers, I'd like your feedback on the following: the test/development domain where our sitebuilder works on got indexed, despite all warnings and advice. The content on these pages is in active use by our new site. Thus to prevent duplicate content penalties we have put a noindex in our robots.txt. However off course the pages are currently visible in the SERP's. What's the best way of dealing with this? I did not find related questions although I think this is a mistake that is often made. Perhaps the answer will also be relevant for others beside me. Thank you in advance, greetings, Folko
Technical SEO | | Yarden_Uitvaartorganisatie0 -
Site Launching, not SEO Ready
Hi, So, we have a site going up on Monday, that in many ways hasn't been gotten ready for search. The focus has been on functionality and UX rather than search, which is fair enough. As a result, I have a big list of things for the developer to complete after launch (like sorting out duplicate pages and adding titles that aren't "undefined" etc.). So, my question is whether it would be better to noindex the site until all the main things are sorted before essentially presenting search engines with the best version we can, or to have the site be indexed (duplicate pages and all) and sort these issues "live", as it were? Would either method be advisable over the other, or are there any other solutions? I just want to ensure we start ranking as well as possible as quickly as possible and don't know which way to go. Thanks so much!
Technical SEO | | LeahHutcheon0 -
Can hotlinking images from multiple sites be bad for SEO?
Hi, There's a very similar question already being discussed here, but it deals with hotlinking from a single site that is owned by the same person. I'm interested whether hotlinking images from multiple sites can be bad for SEO. The issue is that one of our bloggers has been hotlinking all the images he uses, sometimes there are 3 or 4 images per blog from different domains. We know that hotlinking is frowned upon, but can it affect us in the SERPs? Thanks, James
Technical SEO | | OptiBacUK0 -
If you are organizing the site structure for an ecommerce site, how would you do it?
Should you use not use slashes and use all dashes or use just a few slashes and the rest with dashes? For example, domain.com/category/brand/product-color-etc OR domain.com/anythinghere-color-dimensions-etc Which structure would you rather go for and why?
Technical SEO | | Zookeeper0 -
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 -
How to start more deep seo.
Okay, lets say that I already fixed all my technical seo stuff. All my crawl errors and warnings are gone. Now I really want to start seo so I have a few questions. 1. I know I should work based on a page and not on a domain, so it means I should choose which keyword to optimize each page for? only one keyword per page? or it might be more? 2. Some keywords are very competitive for me, example for my site www.theprinterdepo.com, the best keyword to rank would be printers, but it would take years a beginner to do that, what should I do? 3. If highly competitive keywords are not an option, which keywords shuold I use? the ones that have more global monthly searches? Thanks
Technical SEO | | levalencia10 -
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 -
Html5 in SEO
What is the convinience of using html5 for seo.As i read is not too good using many h1 in each metacontent (due to crawler alerts) , but it is good to use html5. We have follow or so this web guidelines www.tumanitas.com whtat do you think about taht?
Technical SEO | | ofuente0