Hey,
I just realized that I have about 70% mobile traffic on my page. I just compared the layouts of the post of the most successful publishers like buzzfeed, huffington, upworthy, … . I just thought I share my findings.
It seems their best practises are:
- 2 columns of similar articles, straight after the article (same for home screen)
- Their similar articles seem to be random recommendations with a focus on virality. If I reload the page I always get different articles displayed. (not sure how this works with caching. I think they even pull in the first articles through ajax). I think this is really important, since always recommending the same articles doesn’t support users to stay on the page
- pretty small author information (one line), which isn’t taking a lot of space. They put it just underneath the title.
- infinite loading of similar articles
- sharing buttons before and after the article with the button order: facebook, twitter, pinterest, mailto.
- comments are hidden behind small one line show comments button
- the headline of the similar articles have a home button on the right sight
- most space consuming white gaps are removed on mobile.
I hope this ideas help you to further improve your theme đ
thx for your fast replies!
best, manu
Hi,
@Manuel Fink
1. You can move the similar articles right after the post content by editing the loop-single.php file – http://screencast.com/t/ccYS4CAmODt
2. You can make them random by editing the td_module_blog.php file and add the following code – http://screencast.com/t/1PNMYcmhzM
'orderby' => 'rand',
3. You can move the author box there and change it’s size with custom css – http://screencast.com/t/gljKdneh
4. This is possible, but if you have a lot of similar articles people won’t be able to easily get to the comment section, so it’s not for everybody.
5. Copy the sharing line before and after the article – http://screencast.com/t/ViFV7PPXBn and you can modify the buttons by editing the td_module_blog.php file – http://screencast.com/t/X3ia5ROdh
6. Added on the feature list, thanks for the suggestion.
7. This can be done easily by adding a button inside the loop-single.php and use css to style and position it.
8. Added on the feature list, thanks for the suggestion.
We had to work on a lot of issues after the WordPress 3.9 udpate and that slowed us down with the implementation of new features, you can see the long list of fixes in the log – http://screencast.com/t/cgxsk3JvR3G
Thank you, Emil G.
Hey Emil,
Thx for your awesome support!
to 4th. I think id be really helpful to support continious loading for similar articles since it is very important to keep people on the page by giving them fitting recommendations.
I just worked 2 nights tweaking the theme for social performance. Gonna run tests tomorrow. I added a second social sharing bar, which is fixed to the bottom on mobile devices. I moved the comments ahead of the similar articles and integrated facebook comments instead of wp comments. Reduced font a little bit. Also I added a feature to hide the comments and show them by clicking the show comments bar. you may want to take a peek at http://www.dailycat.de/unglaublich-vor-welchem-tier-sich-diese-starke-katze-fuerchtet-514/
Is it a lot of work to integrate the continious loading into the similar articles?
May be also a good feature for the theme to have a 4/5 option in the similar articles interface “random” and a second trigger continuous loading.
I really appreciate your fast and helpful replies.
Best from Germany, Manu
Hi Radu,
have you talked about the feature?
Best, Manu
-
This reply was modified 12 years by
Manuel Fink.
@Manuel Fink
Great looking site!
I’m still developing mine but I noticed you are having a similar issue with the AJAX Infinite loading (maybe you haven’t noticed) when you reach the bottom of your page the AJAX loads the next series of posts only once, if you reach the bottom again it won’t load the next series, you have to go back up then back down.
I’m using FF30.0.
Any idea why?
