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
-
Is getting views to an infographic through Imgur beneficial to SEO?
I'm considering posting infographics to Imgur in addition to hosting them on my site in an effort to leverage Reddit a bit more this year. My concern is that, if all goes well, we'll get a ton of views through Reddit to Imgur, maybe a couple clickthroughs to the site, and links to (probably) the Imgur page. I don't see that Imgur gives your profile a followed link, so how would any of this help SEO. I assume it would, because respected guys like John Dougherty espouse the benefits of Reddit, but I can't see how and I need to justify the effort to my department head.
Image & Video Optimization | | MattHolden1 -
Will background images get indexed?
Will images, loaded via css class, get indexed? For example something like : style="background-image: url(https://www.mysite.be/content/dam/homepage-mama.jpg/_jcr_content/renditions/cq5dam.web.2000.9999.jpeg);"
Image & Video Optimization | | nans0 -
Can I use PO boxes as an actual business Address?
Hi mozzers, A potential future client(electrician) covers 40+ locations in one region(local SEO) but only has 1 address. He wants to rank for at least 5 to 7 main locations which he has PO boxes for. Can I use these as addresses on his website or will it be seen as violating the google guideline? If it is no good what should I do? Thanks
Image & Video Optimization | | Ideas-Money-Art0 -
.png vs .jpg - Which ranks better or does it matter?
Hi Moz community, I am working on a SEO project (ecommerce) and most of the images on the website are .png and I notice they do not rank but yet the .jpg do. Do you recommend I change all the .png to .jpg? They all have alt text and keyword filenames (no spam 🙂 Here is the website www.moldear.com.ar. Notice the swimming pool coping tiles are .png and the swimming pool images are .jpg. I cannot get the coping images to rank for some reason Thanks Carla
Image & Video Optimization | | Carla_Dawson0 -
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 -
Duplicate Video within site
My questions is about duplicate video content. I haven't been able to get a clear understanding from reading the previous threads. We are hosting our videos with Vimeo and embedding into our site. I want to embed them in 2 locations - on our features page with Java (Can be seen here http://simpletexting.com/features/). I also want to embed them in our resource section so that we can link to them directly. I am wondering what the best way to do this for SEO and whether there is a chance that google will penalize us for duplicate content? If leave out the videos on the features page in the XML sitemap, does that address the problem? There are 2 threads I saw on the topic and they have somewhat conflicting opinion from the same person. http://www.seomoz.org/q/duplicate-video-content-question --Duplicate video on the same site is not a problem http://www.seomoz.org/q/duplicate-video-onsite-how-do-you-treat-this-in-sitemap -- Duplicate videos are a problem as google can recognize them as such due to audio wave patterns, video length etc. Thanks
Image & Video Optimization | | SimpleTexting0 -
Does displaying a mobile number for business hurt local SEO?
Perhaps a silly question but could someone please clarify if displaying a mobile number in the main site or Google places etc would hurt local SEO? Is having a regional landline/fixed telephone number a ranking factor? EDIT: This is for a UK site, does anyone have experience of this is UK please?
Image & Video Optimization | | Clicksjim0 -
Local SEO: How to optimize for multiple cities on website
Hi, I couldn't find any reference to this, so if the answer is already here, I would appreciate a link to the answer. That said, my question is this: When a local business services a large geographic area, I wanted to know how to optimize for the multiple towns? I already have the main city in my title tags, but there are at least 40 areas that surround this town. Should I have a "Services Area" page, and place all the towns there, or should they all be in the footer? I saw this one guy - in the same niche who put all the towns in his meta keyword section - but I think that's incorrect, especially since Google doesn't look at that particular meta tag. Any help would be appreciated.
Image & Video Optimization | | jayestovall1