The Moz Q&A Forum

    • Forum
    • Questions
    • Users
    • Ask the Community

    Welcome to the Q&A Forum

    Browse the forum for helpful insights and fresh discussions about all things SEO.

    1. SEO and Digital Marketing Forum
    2. Categories
    3. SEO Tactics
    4. Technical SEO
    5. What is SEO best practice to implement a site logo as an SVG?

    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?

    Technical SEO
    8 4 8.0k
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as question
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • twisme
      twisme last edited by

      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:

      sitename

      What is your opinion about this? Thanks in advance.

      1 Reply Last reply Reply Quote 1
      • Roman-Delcarmen
        Roman-Delcarmen @Roman-Delcarmen last edited by

        As you can see Yoast SEO just follow the official information and guides

        1 Reply Last reply Reply Quote 1
        • seoman10
          seoman10 last edited by

          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.

          1 Reply Last reply Reply Quote 1
          • Roman-Delcarmen
            Roman-Delcarmen @donsilvernail last edited by

            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:

            Home

            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-Delcarmen 1 Reply Last reply Reply Quote 2
            • donsilvernail
              donsilvernail @Roman-Delcarmen last edited by

              Roman,

              Yoast is an SEO guidance plugin for WordPress. This is only good info if the op has a WordPress website!

              Thanks,

              Don Silvernail

              Roman-Delcarmen 1 Reply Last reply Reply Quote 0
              • Roman-Delcarmen
                Roman-Delcarmen last edited by

                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 logos

                IN 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 Schemas

                IF THIS ANSWER WERE USEFUL MARK IT AS A GOOD ANSWER 🙂

                donsilvernail 1 Reply Last reply Reply Quote 4
                • seoman10
                  seoman10 last edited by

                  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.

                  1 Reply Last reply Reply Quote 0
                  • donsilvernail
                    donsilvernail last edited by

                    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

                    1 Reply Last reply Reply Quote 2
                    • 1 / 1
                    • First post
                      Last post

                    Got a burning SEO question?

                    Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.


                    Start my free trial


                    Explore more categories

                    • Moz Tools

                      Chat with the community about the Moz tools.

                      Getting Started
                      Moz Pro
                      Moz Local
                      Moz Bar
                      API
                      What's New

                    • SEO Tactics

                      Discuss the SEO process with fellow marketers

                      Content Development
                      Competitive Research
                      Keyword Research
                      Link Building
                      On-Page Optimization
                      Technical SEO
                      Reporting & Analytics
                      Intermediate & Advanced SEO
                      Image & Video Optimization
                      International SEO
                      Local SEO

                    • Community

                      Discuss industry events, jobs, and news!

                      Moz Blog
                      Moz News
                      Industry News
                      Jobs and Opportunities
                      SEO Learn Center
                      Whiteboard Friday

                    • Digital Marketing

                      Chat about tactics outside of SEO

                      Affiliate Marketing
                      Branding
                      Conversion Rate Optimization
                      Web Design
                      Paid Search Marketing
                      Social Media

                    • Research & Trends

                      Dive into research and trends in the search industry.

                      SERP Trends
                      Search Behavior
                      Algorithm Updates
                      White Hat / Black Hat SEO
                      Other SEO Tools

                    • Support

                      Connect on product support and feature requests.

                      Product Support
                      Feature Requests
                      Participate in User Research

                    • See all categories

                    • Our clients Magento 2 site has lots of obsolete categories. Advice on SEO best practice for setting server level redirects so I can delete them?
                      Breemcc
                      Breemcc
                      0
                      2
                      1.3k

                    Get started with Moz Pro!

                    Unlock the power of advanced SEO tools and data-driven insights.

                    Start my free trial
                    Products
                    • Moz Pro
                    • Moz Local
                    • Moz API
                    • Moz Data
                    • STAT
                    • Product Updates
                    Moz Solutions
                    • SMB Solutions
                    • Agency Solutions
                    • Enterprise Solutions
                    • Digital Marketers
                    Free SEO Tools
                    • Domain Authority Checker
                    • Link Explorer
                    • Keyword Explorer
                    • Competitive Research
                    • Brand Authority Checker
                    • Local Citation Checker
                    • MozBar Extension
                    • MozCast
                    Resources
                    • Blog
                    • SEO Learning Center
                    • Help Hub
                    • Beginner's Guide to SEO
                    • How-to Guides
                    • Moz Academy
                    • API Docs
                    About Moz
                    • About
                    • Team
                    • Careers
                    • Contact
                    Why Moz
                    • Case Studies
                    • Testimonials
                    Get Involved
                    • Become an Affiliate
                    • MozCon
                    • Webinars
                    • Practical Marketer Series
                    • MozPod
                    Connect with us

                    Contact the Help team

                    Join our newsletter
                    Moz logo
                    © 2021 - 2026 SEOMoz, Inc., a Ziff Davis company. All rights reserved. Moz is a registered trademark of SEOMoz, Inc.
                    • Accessibility
                    • Terms of Use
                    • Privacy

                    Looks like your connection to Moz was lost, please wait while we try to reconnect.