Endless Scrolling and prev/next
-
Hi,
We have a new website on https://www.neakriti.gr We have asked for endless scrolling between our articles, so when we get at the end of one article, the next loads.
Looking at the produced html code I saw the articles contain and to other articles.
When I asked the development team why this happens, I got a reply that its needed for the endless scroll of the articles. But to my understanding "prev" and "next" is only used on pagination cases, and endless scroll between articles has nothing to do pagination.
Here is an example article
https://www.neakriti.gr/article/ellada-nea/1524252/fthinoporinos-o-kairos-tin-tetarti-stin-kriti-deite-analutika-tin-prognosi/If you "view html code" on that article you will see this "next", "prev" declarations to other articles.
Can anyone please let me know if the declaration of "prev" and "next" articles should stay or if I should ask the development team to remove it?
Thanks
-
Thank you for your reply.
I however am unable to see the problem you describe. Even at the page code you pasted, I see that the canonical URL is the same:
Where the canonical URL of the page is the same as the page
https://www.neakriti.gr/article/kriti/irakleio/1524790/eftase-stin-kriti-o-nikos-kotzias/When you scroll down, the URL changes and if you "view code" of the updated page that was appended you see the new canonical URL.
Can you please explain me your findings as I am unable to replicate it?
-
Hi,
One extremely good reason why you may want to consider using pagination.
I just found a separate canonical pointing at a different page URL when I used your infinite scroll
**Your URL & your canonical Do not match it would be okay if: **you are trying to send traffic to a different URL that is off-site. Now if it is on-site canonical's most of the time are better handled by 301's or 302 Plus this happened on 25 URLs in a row so it i is an attempt to direct traffic somewhere else.
SEE:
-
** Title**
-
Έφτασε στην Κρήτη ο Νίκος Κοτζιάς [Length:33]
-
Page Url
https://www.neakriti.gr/article/kriti/irakleio/1524790/eftase-stin-kriti-o-nikos-kotzias/ -
Canonical
-
https://www.neakriti.gr/article/kriti/irakleio/1524813/mnimes-apo-ton-thanato-tou-kosta-katsouli/
page code:
You can't do this without changing URLs Please think about site structure and how if you check your Google analytics I guarantee you the deeper you get away from the homepage the less traffic you get. The golden rule is no more than three clicks from the homepage meaning if land on the homepage and I want to find an article about X, Y, and Z I am going to be able to find those articles through your navigation taking me (in an ideal world) no more than clicks from the homepage.
if you have a really powerful brand something that is a household name forget what I said you can do whatever you want. If you do not you, unfortunately, have one place where you have to find a huge amount of links and the only way you can do it is by scrolling so if I want to show my friend the article that you wrote and I did not share that article or bookmark it I cannot find it unless I scroll through a large amount of other and hopefully find it. Google is not going to endlessly crawl URLs that are not together internally and through a solid site structure. You need to remember that site structure is one of the most important things to building a website. If you create URL structure that hard for people and Google to crawl you will get extremely poor results.
If you really feel the need to do this make sure you add pagination to the bottom and you have a footer that people can actually access during the entire experience. If you look at this entire page you will notice there is pagination on the bottom just like the 1-2-3 style examples below. Yet you can do what appears to be very similar to infinite scrolling, however, there is an enormous difference in this you notice there are pages listed every X amount of items. And you can simply go to what you need to go. to using pagination on the bottom see pictures.
make sure to check Google's index though I would be careful nonetheless. https://www.google.com/search?q=site:www.neakriti.gr/+inurl:page
https://www.google.gr/search?q=site:www.neakriti.gr/+inurl:page
and most importantly when I go to the CRM build and host your site I see that they the time to chapter different parts of each unique page showing me that they are not using infinite scrolling while yes the pages may be large they are using
- https://www.example.com/subfolder/subfolder/#name-of-chapter
- https://www.atcom.gr/technology/netvolution/#BENEFITS
- Your site
- https://www.neakriti.gr/article/kriti/1449099/sti-martyriki-bianno-parelasan-gia-to-oxi-video/
Use this to find some problems with AMP
-
It shows me this:
-
Link to AMP detected on submitted URL
-
You may have entered URL of a canonical page. This page links to the following AMP URL:
-
https://www.neakriti.gr/article/kriti/irakleio/1524790/eftase-stin-kriti-o-nikos-kotzias/AMP/
Stick to what works I like that you have the bar on top showing me how far I have scrolled however I'm used to it telling me how far down the page I've gone not how far down I have gone on an
Page Url
https://www.neakriti.gr/article/kriti/irakleio/1524790/eftase-stin-kriti-o-nikos-kotzias/
Title
Έφτασε στην Κρήτη ο Νίκος Κοτζιάς [Length:33]
Meta Description
Στο εδώλιο του δευτεροβάθμιου δικαστηρίου θα καθίσουν 4 άτομα [Length:61]
Meta Keywords
Ηράκλειο, Κώστας Κατσούλης
Canonical
https://www.neakriti.gr/article/kriti/irakleio/1524813/mnimes-apo-ton-thanato-tou-kosta-katsouli/ Meta Robotsindex, followImagesmages on Page: 86
Images Without Alt Text: 26Headings (you have 5)
| |
- H1
- 1
|
- Μνήμες από την υπόθεση θανάτου του Κώστα Κατσούλη
- 2
|
- Θέρισος: Στο χειρουργείο ο άνδρας που έπεσε από ταράτσα και διαπέρασε πέργκολα
- 3
|
- Ν. Κοτζιάς: «Το στόμα μου δεν κλείνει, εγώ δεν εκβιάζω, ούτε εκβιάζομαι»
- 4
|
- «Συναυλία αγάπης» για το Παιδικό Χωριό SOS Κρήτης
- 5
|
- Έφτασε στην Κρήτη ο Νίκος Κοτζιάς
|
Hopr this helps,Tom
-
-
I hate to say this to but endless scrolling is a terrible when it comes to search. It is honestly one of the worst things you can do for your site unless you’re very well recognized brand. For instance Instagram can get away with this type of stuff 99% of sites cannot pagination is great for what you want to do please remember Google has to crawl? With paginated pages You get a a different page
https://parallelpath.com/blog/the-downfalls-of-infinite-scroll-websites-on-seo
https://www.bruceclay.com/blog/infinite-scrolling-seo-risks/
https://yoast.com/pagination-infinite-scrolling/
https://webmasters.googleblog.com/2014/02/infinite-scroll-search-friendly.html?m=1
Any time you implement JavaScript-enabled features, you run the risk of making it harder for search engines, like Google, Yahoo and Bing, to crawl your site’s content.
If You are not showing the content until somebody scrolls to it I see that you are changing the URL which is excellent. I know that you’re using Ajax to do that from what I can see and unfortunately that is not going to be very good for seo .
I think it’s great that you have the bar at the top showing how far someone scroll I just think that you need to separate these into pages look at Google them selves you get Max 10 links at the bottom you get a next that’s Page
-
Prev/next should be used for telling Search Engines when there are similar looking/content pages. Considering the infinite scroll changes the page itself, prev/next are not necessary at all.
_"How can we implement this?" - _well, that's what your dev team is for, right Is it possible? - everything is possible. Again, the example I sent you was just the first example which came up in google for me, which seemed decent to me. I haven't looked too much into it, i didn't do any digging.
"Google is your friend, my friend"
-
Hi,
thank you for your response. I am looking at the example page you showed me.
-
So I should ask them to remove the "prev"/"next" then right? It only causes confusion to the search engines that all the articles are a series of a single article somehow, right?
-
There is something additional I noticed during the endless scroll there, the "back button"...
On our website every time a new article is appended at the end, the URL changes too, but going back in history (pressing the back button) takes you back to the previous article of the endless scroll... so if you scrolled lets say 5 times with endless scrolling, you have to press 6 times the back button to get back to the home page... But interestingly on what you sent me this doesn't happen with the navigation history.
I told the development team that I didn't want the "back button" to take me to the previous URLs of the endless scroll, but they replied to me that this was not possible...
How can we implement this?
-
-
Hi there.
You are correct, it's not necessary at all to have prev/next for endless scroll. There are plenty of other methods to trigger the load on scroll. simply google "endless scrolling examples" and make your pick. One of them at the top - https://infinite-scroll.com/demo/full-page/ no prev/next at all.
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
-
Are you ever handicapping yourself in search by using a subfolder over a new domain/website?
Hello Moz Community! We are building a separate hospital related to a single service line that is currently part of our main website. Traditionally all our hospitals are folded into one website with the same brand. Problem: Our organization's leaders want to market the new hospital as "Brand Name X" nationally, and not use our locally strong brand name at all. Therefore is the smarter long-term decision to begin building content on a new website with the new "Brand name X" even though it will take longer and be harder, than building it on our big, established website with a 60+ DA site? What I fear is our current website's DA won't matter much if people nationally are using Brand X, which isn't part of our traditional brand name? And they won't be using the traditional brand name at all. Example Scenario: We create a new hospital just focused on heart-related issues. Do we move the bulk of information for this new hospital from http://www.nebraskamed.com/heart, to a new website that will better rank with the new brand X and for just heart-related keywords? Or is it still better to try and stick with the same domain in a subfolder?
Branding | | Patrick_at_Nebraska_Medicine0 -
Rebranding/Url Structure Change
Hi Everyone, First off thanks for taking the time to looking at my question. I was wondering about rebranding and URL structure changes. Right now my company is planning on changing their domain and doing a massive change to their site which includes a url structure change. The idea is in September they will be changing the site to be a combination of wordpress and ruby on rails (currently the site is ruby on rails). The homepage and design on the site will be completely different and parts of the site will be in php and other parts will be in ruby. The URL structure will also be changing completely at the same time. Each page will be completely different in structure, including the homepage (currently now it redirects you to a subfolder page that is your local page [i.e. nyc if you are in new york]). Then, the following month, they will be changing their domain name to a different domain. I have asked them to do this in stages. First the domain, second the rebrand, and third the URL restructuring or we could lose SEO traffic but they asked a freelancer his opinion and the freelancer said that you could do the rebrand change with the URL restructure and then domain later and while you're SEO may disappear, it'll definitely return in 3 to 4 months. Could you tell me who is right and what the correct method is to make this change?
Branding | | MattJD0 -
I want to forward/redirect users from domain.us to domain.com.us (preferred domain)
Let me know where should I start. I heard this is something you can do in your domain name or hosting service. Thanks in advance!
Branding | | esiow20130 -
What marketing/branding services can you recommend to get more awareness of my site?
I am a programmer, not a marketing or social media genius. It also takes A LOT of time to market your website properly. Are there services that people can recommend that can help get my site out there and known to people more. I am always working on the SEO part and that takes time to improve. Just looking for suggestions. Thank you!
Branding | | BrickPicker0 -
What is The Time/Cost For SEO In Rebranding A Large Site
From an SEO agency perspective. What would be the estimated man hours and hard cost to rebrand a large site (1000+pages)? And all that would go into it, like 301 redirects and etc.? I have a pretty good idea, of what it would take and how perilous it could be from an SEO perspective. Because of anchor text / 301 redirects / organic potential traffic loss and etc. I just don't know the man hours and hard cost would be.
Branding | | SMG-Texas1 -
Drop In Rankings / Traffic... Can you find any technical issues with my site?
I haven't spammed the engines, if anything I haven't done enough link building. So let me start here: I split my old domain www.STbands.com into two separate domains - www.Suddora.com and www.CustomOnIt.com . The main site now goes to Custom On It and each page directly 301 as it was relevant. I knew there was going to be a little blow back... The first month went fairly well but last week we noticed a dip in organic search traffic and sure enough some of our main keywords are now suffering. I am wondering if this is because we haven't been building enough links to the new domains or if our new eCommerce CMS (magento enterprise) has technical SEO issues that is giving Google trouble. Nothing on GWT looks terribly wrong, should i be searching for something specific? Anything helps at this point, we are in dire need of some direction on what could be wrong. Any suggestions?
Branding | | Hyrule0 -
Facebook, Google Plus - What to share/like?
Hi everybody! We are planning to offer an incentive to all our customers who interact with us on social media websites. What's the most important thing to ask from a customer? Facebook to like our Facebook business page or to like our own website through Facebook? to just follow us on Facebook or to actually comment / interact on our wall? Google + to +1, share, add to circle our Google+ business webpage or to +1 or share our own website? So basically what do we need to promote most? Our Facebook / Google+ business pages or our own website through social media marketing? While we understand it's important to actually interact with the customers and offer value on social media websites, we are looking to boost our SEO efforts. Thank you!
Branding | | echo10