Above the Fold Content - Use of large images
-
Hi All,
Our designers have come to the SEO team to ask if have a large image across the top of the page taking up a large majority of the above the fold real estate will impact our SEO.
Our initial thoughts are no as long as we have an optimised H1 visibal to the user landing there which informs them what the page is about.
Any thoughts would be appreciated.
-
Touche EGOL... Touche...
-
I am confident that the images make a great impression on visitors. Just, would some assessment done by Google, for example, Panda see them as non-content above the fold.
You never know what google is doing.
-
Go for the user. If you look at seo-browser's reports for pages that have large images or fullscreen sliders, it still renders out to a search engine bot about the same. People like pretty. People share pretty. We use a full screen slider for our home page, and still rank consistantly on page one.
Even better if your large images are conversion-focused. Might actually see an increase if done right, rather than a ranking loss.
-
GentleMozers,
If I may. I think this is when the lines of SEO/Social Media/Marketing become slightly blurred. All of you have touched on a very key point that people simply enjoy it! There are numerous studies, like one by Kissmetrics which show that Facebook posts get 30% more interaction than pure text posts.
I would say it not a stretch to assume the same applies to a website. I personally think there are plenty of other tactics to try and implement before I choose to get rid of the main imagery. Not only that, but with the Parallax/jQuery style of website you technically can have your H1 sit on top of your image, so you get the best of both worlds!
I honestly think that my visitors enjoy these images... but they don't determine the rankings of my pages in search.
EGOL I would be curios to know more about this. I mean yes, happiness unfortunately doesn't directly correlate to SERP's but Google must take into account visits. I know it isn't black and white that one image isn't going to make or break a website completely, but there are many times that I have been to a website and been severely distraught by the pixelated imagery and my trust in the company is diminished immediately, even if it's only a little. I guess I'm "cyber-shallow". That in turn, leads to a chain of self-destruction and questioning why I ever went to the website, severe crying, lot's of rocking back of forth. I'm being sarcastic of course, but I think you get my point. Happiness does correlate to rankings, even indirectly.
Getting people to your website is only half the battle, if they don't stay and do something to benefit your business/service/complete a goal that's potentially a lost opportunity. You only get one chance to make a first impression, make sure it's a good one!
Just my thoughts!
-
We built a site with large images and pushed the H1 below as an experiment. We saw no downsides, and because the site was far more user-friendly and good looking (we didn't change any on page SEO really) we noticed visitors were bouncing less, browsing more, and converting almost 40% more.
Go for the user first!
-
Sometimes I have wonderful images that are relevant to the topic of an article and become part of the article's content.
I have been posting them below the
but above the content of the article. These images are big and beautiful and I am certain that people like them.
But, I honestly have the same question that you have. Is this pushing text content down "TOO FAR FOR GOOGLE"? I honestly think that my visitors enjoy these images... but they don't determine the rankings of my pages in search.
-
you should check out this weeks WBF:
http://moz.com/blog/panda-optimization-whiteboard-friday
It's also about the above the fold content.Regards
Jarno
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
-
Reducing cumulative layout shift for responsive images - core web vitals
In preparation for Core Web Vitals becoming a ranking factor in May 2021, we are making efforts to reduce our Cumulative Layout Shift (CLS) on pages where the shift is being caused by images loading. The general recommendation is to specify both height and width attributes in the html, in addition to the CSS formatting which is applied when the images load. However, this is problematic in situations where responsive images are being used with different aspect ratios for mobile vs desktop. And where a CMS is being used to manage the pages with images, where width and height may change each time new images are used, as well as aspect ratios for the mobile and desktop versions of those. So, I'm posting this inquiry here to see what kinds of approaches others are taking to reduce CLS in these situations (where responsive images are used, with differing aspect ratios for desktop and mobile, and where a CMS allows the business users to utilize any dimension of images they desire).
Web Design | | seoelevated3 -
Specifying image dimensions for site speed vs. responsive
I'm working on improving site speed from an SEO perspective, and one bit of advice I see often is to specify the dimensions of the images you're using so the browser knows the size of the image it needs to download. However, I am wondering what impact this may have if the site is responsive? If you specify the large dimensions suited for a desktop browser, would you be forcing a mobile browser to use that sized image? Has anyone seen dramatic improvements in site speed using the <picture>tag for responsive images?</picture> Thanks! Jannette
Web Design | | JannetteP1 -
Duplicate Title Issues using # anchor tags
Our homepage navigation uses anchor tags (?TabNumb=1#, ?TabNumb=1# etc) rather than directly linking to different pages to decrease load time (and simplify the build process I owuld imagine). These anchor links are showing up as duplicate titles in Moz. I am pretty sure if I were to use noindex or rel tags, that could have a negative affect on my search results. Any way to tackle this outside of a complete redesign of the structure? http://www.dedoose.com/about-us/?TabNum=2# as an example
Web Design | | sbnjl0 -
How to serve a Mobile & Full Site using one URL?
Hello, Does anyone know of any resources or tutorials that outline how to serve a smartphone-formatted website using the same URL as the full site? I know that one solution is using media-queries to serve a seperate CSS stylesheet, but you still have the full HTML source code. In other words, I might want to serve a smartphone & desktop user different content, but under one URL. WP Touch (Wordpress Plugin) is a perfect example of what I mean, but how is it technically achieved? It serves two different sets of HTML for smartphone & full, but using one URL http://www.bravenewcode.com/store/plugins/wptouch-pro/
Web Design | | petecampbell-bmi0 -
Effect of Off-Site Images
I'm getting to start work with a new client, and I've run across something I've never had to deal with before, off-site images. The site I'll be working on is for an appliance retailer, both online and physical. The way they've had their site built (not something I was part of) a third party company maintains the product inventory side of things. They're sourcing from about 35 different manufacturers, and this third party has direct access to the product information streams. They push the weekly updated information to my clients site. What this means, though, is that the product images don't live on the client's site. They're hotlinked from the third party's inventory doohickey. I've never seen something quite like this before. Has anyone else? Any ideas as to what problems I may face when it comes to on-site SEO?
Web Design | | MRCSearch0 -
Duplicate content.
Hi there....we're dealing with a duplicate content mess. We're a franchisor(www.kitchensolvers.com), and each of our franchises have their own landing page. The trouble is, the way the landing pages are set up, it's causing all the links available on the national level of the website to be re-indexed each time for every franchise! We don't have an in-house developer and was wondering if anyone else has had similar issues and point me in the right direction.
Web Design | | tafkat0 -
Correct use for Robots.txt
I'm in the process of building a website and am experimenting with some new pages. I don't want search engines to begin crawling the site yet. I would like to add the Robot.txt on my pages that I don't want them to crawl. If I do this, can I remove it later and get them to crawl those pages?
Web Design | | EricVallee340 -
Dynamic pages and code within content
Hi all, I'm considering creating a dynamic table on my site that highlights rows / columns and cells depending on buttons that users can click. Each cell in the table links to a separate page that is created dynamically pulling information from a database. Now I'm aware of the google guidelines: "If you decide to use dynamic pages (i.e., the URL contains a "?" character), be aware that not every search engine spider crawls dynamic pages as well as static pages. It helps to keep the parameters short and the number of them few." So we wondered whether we could put the dynamic pages in our sitemap so that google could index them - the pages can be seen with javascript off which is how the pages are manipulated to make them dynamic. Could anyone give us a overview of the dangers here? I also wondered if you still need to separate content from code on a page? My developer still seems very keen to use inline CSS and javascript! Thanks a bundle.
Web Design | | tgraham0