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.
Can i use base64 images (URI) for better SEO performance - faster site loading?
-
Hi,
Do you think the use of image data URI is SEO friendly? I got 20 JPG icons on each site, but use too many HTTP requests. So can i use base64 (URI) images for my small icons?
Thank you for answer!
-
There are pros and cons to it. I would just make sure you have some good caching rules in place and let it load once and be done with it. Realistically Google is not going to refuse to serve your page because you ran 20 http requests for some icons. That would be silly.
I try to remember that at the core of all things search related every search engines holy grail is the perfect result for your search query. In one of Matt C's videos they hit the subject of on-page factors versus content and he said they would overlook a lot of things in order to deliver the better result to the query. So for SEO purposes cache it and get to that content rocking. -
Hi,
There are some differing opinions on the benefits of using base64 images to reduce http requests. From an seo point of view I don't think it will make much of a difference one way or the other if you are only talking about 20 icon images, but from a performance point of view I would use css image sprites which also reduce http connections and are (in my opinion) easier to maintain.
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
-
Does Autoplay video effect SEO?
I'm trying to find out if autoplay videos (muted) on the homepage effect seo in anyway? Currently our site ranks around position four on the first page, but we have noticed one competitor we monitor have long auto playing videos on their sites and were wondering if they are a good or bad factor? Any info you would like to share would be great. Thanks
Image & Video Optimization | | 5TW0 -
Why are my blog slideshow images not indexed?
I'm managing a design blog hosted on WordPress. Each "design project" article includes a slideshow with additional images (and captions) for the project - these are images and text not found in the article itself. Every slide has the same page path as the article, but a different query param at the end. So if the article is /article the first slide would be /article?slide=1 for example. I'm having two issues: The slideshow images don't seem to be getting indexed. Screaming Frog reports duplicate meta descriptions and title tags for each slideshow page (same meta as article). I want to do what's best overall from an SEO perspective. Having the slideshow images show in Google image search is a must. And having the captions indexed might help too? But I want the Google image results linking to the article and not the individual slideshow pages. And I don't want duplicate meta issues. What's the best thing to do? Submit a sitemap that lists both article and slideshow images? "Rel canonical" the param'd slideshow urls to the base article url (not sure this makes total sense, since slide content is different from the article)? Get rid of slideshow altogether and put images in body? Some combo of these? Hopefully this makes sense. Any thoughts appreciated!
Image & Video Optimization | | theoHP0 -
How long should the Image Alt Text be for SEO?
When it comes to creating the alternate text for images, what is the character length that I need stay under to rank well?
Image & Video Optimization | | Ytellsocial0 -
Do I need to use a CNAME for wistia video hosting?
I'm using Wisita for video hosting. My strategy is to allow other sites to embed videos to get links - I want the video linking back to my site not wistia or the embeding site. Do I need to use the Wistia CNAME or is a wistia subdomain acceptable?
Image & Video Optimization | | BruceMcG0 -
Vimeo Pro, video SEO and rich snippets
Hi All, we are producing product demonstration videos. One major aim with these videos is to help our rankings for these specific product pages and associated keywords... and to get rich snippets displayed on Google results pages against our listing. We have used schema.org markup in the product pages body code along with / next to the embed vimeo video code on the product page in order to hopefully get us rich snippet listing... we used schema.org markup as this seems to be the main current markup for rich snippets we have hosted the video via Vimeo Pro so that it is served quickly and not affected by speed of our hosting server or any possible bandwidth issues on our hosting server and ensure sthat the traffic comes to our site pages rather then Youtube or similar Vimeo Privacy settings for the video have been set so that we have not allowed it to be embed anywhere except for our own domain and the video is not displayed on Vimeo.com to ensure that the video is not duplicated anywhere else... so that this is unique content on our own site for maximum value for our domain We have used the "old code" from Vimeo Pro for embedding the video on our product page rather than the current iframe code as from what i understand Google cant follow very well and doesn't necessarily trust content displayed in iframes. Video and schema.org markup code used is on product page is: <div itemprop="<a class="attribute-value">video</a>" itemscope itemtype="<a class="attribute-value">http://schema.org/VideoObject</a>"> <p ><strong>Watch our <span itemprop="<a class="attribute-value">name</a>">Click 7 Lite Duo demonstrationspan>:strong>p> <meta itemprop="<a class="attribute-value">thumbnailURL</a>" content="<a class="attribute-value">http://www.3wisemonkeys.co.uk/img/products/nextbase-click-7-lite-duo-thumb.jpg</a>" /> <meta itemprop="<a class="attribute-value">duration</a>" content="<a class="attribute-value">T2M23S</a>" /> <span itemprop="<a class="attribute-value">description</a>">A product demonstration showing what's included in the box when you buy a Click 7 Lite Duospan>...:<br /> <p align="<a class="attribute-value">center</a>"> p> <p align="<a class="attribute-value">center</a>"><object width="<a class="attribute-value">500</a>" height="<a class="attribute-value">281</a>"><param name="<a class="attribute-value">allowfullscreen</a>" value="<a class="attribute-value">true</a>" /><param name="<a class="attribute-value">allowscriptaccess</a>" value="<a class="attribute-value">always</a>" /><param name="<a class="attribute-value">movie</a>" value="<a class="attribute-value">http://vimeo.com/moogaloop.swf?clip_id=67392721&force_embed=1&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00adef&fullscreen=1&autoplay=0&loop=0</a>" /><embed src="[http://vimeo.com/moogaloop.swf?clip_id=67392721&force_embed=1&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00adef&fullscreen=1&autoplay=0&loop=0](view-source:http://vimeo.com/moogaloop.swf?clip_id=67392721&force_embed=1&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00adef&fullscreen=1&autoplay=0&loop=0)" type="<a class="attribute-value">application/x-shockwave-flash</a>" allowfullscreen="<a class="attribute-value">true</a>" allowscriptaccess="<a class="attribute-value">always</a>" width="<a class="attribute-value">500</a>" height="<a class="attribute-value">281</a>">embed>object> p> div> Page this code is used on: http://www.3wisemonkeys.co.uk/proddet.jsp?id=2016&cat=1 Could anyone confirm whether the above seems to be what we need to do / should be doing to get the most value from these videos for helping our web site rank better with Google / search engine results pages as well as getting rich snippets displayed? Lastly does the above code seem correct and include all the necessaries for rich snippets? Thanks for any pointers.
Image & Video Optimization | | jasef0 -
Local SEO: Ste vs. Suite vs. #
Hi, I used the spelled out "Suite" in my local NAP, but sometimes it's been shortened to Ste by citation websites. I'm trying to remain consistent here Should I use Ste H, Suite H, or #H? This is a good article on it: http://localsearchforum.catalystemarketing.com/google-local-citations/1605-suite-vs-ste-vs-your-citation-addresses-2.html but I'd still like your opinion.
Image & Video Optimization | | BobGW0 -
Is a website with no images really a good idea?
I have a client who doesn't want to use any images at all on her website. It's a local hvac service provider. This thought has never even crossed my mind before. Who wouldn't want pictures? I know image optimization is important, and my mind keeps telling me that images are important for a good site and good user experience, but are they really necessary? I want a second opinion before I advise against not using any images.
Image & Video Optimization | | denarathbun0 -
Local SEO address question - adding a suite number for shared address for office building
Hi, I have a client that has an address that is shared for a few different businesses in the holistic health field. My client is a chiropractor. There is an eye doctor, massage therapist and acupuncturist aslo sharing the same address. It's a subburban setting with two buildings all sharing one address. In the interest of preventing any merged listings down the road, I recently added un unofficial suite number to his website and Google places business listing. I also did this for all of his online directory listings, and for Bing and Yahoo as well. Did I do the right thing here? It seems to be having a positive impact on his local SEO as far as I can tell. Or at least there has not been any negative impact in the last 6 months Your thoughts?
Image & Video Optimization | | MozMan20
