Lists Lists Lists Lists Lists Lists Lists 7 Ways Your Lists Are Looking & Acting Old
Post on 15-Jan-2015
4010 Views
Preview:
DESCRIPTION
Transcript
7 ways html lists are dating your blog
Time to rethink lists?
Sir Tim berners-lee 25 years on from inventing HTML
Lists have been a Big part of web pages since
Tim Berners-Lee Invented html in 1989
Since then our approach to content has become more social
& aggregated. !
Curation has become a critical driver of social content.
!Sharing, content &
context have changed the way we consume.
!Content reuse & embedding has become the norm (Slideshare &
Youtube being 2 such platforms). Listly
Today, lists look tired
Hand crafted HTML Lists lag the
expectations & norms of the
social-web. !
It’s not an html problem, but a
platform problem.Listly
Digging into listsEarlierWe explored the psychology of lists.
Listly
TodayWe explore 7 reasons why hand-crafted HTML lists are a dated approach to managing lists.
7 REASONS HTML Lists Are dating your blog
Do your lists act
like lists?
Act like a List
Relevance/ Aging
List content needs
updating over time to stay
valuable
Can your list content be re-used as easily
as slides & videos?
Are your lists optimized for three
screens & search ?
Are your lists hogging too
much space?
Are you failing to aggregate
opinion or relegating ideas to the comment
section?
Are you being agile? Leave
gaps to entice people to help
1
Reusable
Let go of Perfect
Responsive & Search
Socially Inclusive
Precious Pixels
32
4
6
5
7
Do your lists act like lists?
Act like a List
1HTML Lists don’t have any list-like features.
HTML tags like <li> & <p> define a post’s layout, but don’t add social interaction or intelligence.
Humans will manually tag lists inconsistently.
Loading images is both time consuming & error prone.
Listly acts like a list.
Lists can be sorted, paginated, searched & filtered, just like a list!
Items on the list can be shared with their own unique URL (adding context).
Listly Lists have many powerful feature & uses. Images are a breeze.
Problem SOLUTION
Listly
List content needs updating over time to stay valuable
Relevance/ Aging
2It’s normal to need to add new content to keep a list post current/useful.
This does not happen as the focus is on new content.
Your hard earned search rankings decay as people bounce as your lists are no longer current
We call this list rot
Don't make it your problem, but rather reader responsibility.
If a list provides value, people will contribute to extend & maintain the list. People love to be help.
Involve people emotionally to build community, so your content become more valuable over time.
Listly
Problem SOLUTION
Can your list content be re-used as easily as slides & videos?
Reusable
3Today, lists live inside posts on your blog as dumb HTML/text.
If your lists are hard to re-use ( any they are), people may copy without crediting.
Make it easy & people will reuse (like slides).
Listly is designed to to deliver lists (as objects) to many sites & services across the web.
Think Slideshare for a lists.
Lists can be embedded on many blogs across the web.
Listly
Problem SOLUTION
Are you being agile?
Leave gaps to entice people to help
Let go of Perfect
4We often try too hard to be perfect, complete & exhaustive.
Leaving gaps & flaws entices people to participate.
It’s actually less work and builds participation. You can seed more content & develop the list that create engagement.
A list that’s partially complete, but shows promise, is intriguing.
Humans love to fill in gaps, complete series & finish sentences.
Listly lets you create content in a fun, social & collaborative way.
Listly
Problem SOLUTION
Are your lists optimized for three screens & search ?
Responsive & Search
5Text lists in blog posts are not responsive (by design).
There’s no smarts to respond uniquely to mobiles, desktop & tablets.
Content & layout are bound together, which is very limiting (& not Google proofed).
Listly lists adapt intelligently to the width they are given. ( ie responsive objects).
Each list can have multiple layout. Layout is a view time decision.
Listly can respond as search engines needs, keeping all your lists compliant/optimized.
Listly
Problem SOLUTION
Are you failing to aggregate opinion or relegating ideas to the comment section?
Socially Inclusive
6People expect to be able to interact with web content.
With lists that means voting & adding suggestions.
Static HTML lists on blogs don’t support this capability.
Listly lets people contribute.
Additions can be moderated, so you get help but remain in control.
Additions are linked to the contributor’s social profiles.
List become living communities of people who care about given topics. Listly
Problem SOLUTION
Are your lists hogging too much space?
Precious Pixels
7Long lists become hard for users to navigate & for bloggers to manage.
They also require skill to edit.
Failure to tag the list correctly can impact your search engine rankings.
Reordering risks breaking a post.
Listly is designed to use space responsibly.
Layouts, pagination & filtering make your lists much more useful to the reader.
Editing is simple & possible from anywhere by anyone without touching the post.
Listly
Problem SOLUTION
7 REASONS HTML Lists Are dating your blog
Do your lists act
like lists?
Act like a List
Relevance/ Aging
List content needs
updating over time to stay
valuable
Can your list content be re-used as easily
as slides & videos?
Are your lists optimized for three
screens & search ?
Are your lists hogging too
much space?
Are you failing to aggregate
opinion or relegating ideas to the comment
section?
Are you being agile? Leave
gaps to entice people to help
1
Reusable
Let go of Perfect
Responsive & Search
Socially Inclusive
Precious Pixels
32
4
6
5
7
7 REASONS HTML Lists Are dating your blog
Do your lists act
like lists?
Act like a List
Relevance/ Aging
List content needs
updating over time to stay
valuable
Can your list content be re-used as easily
as slides & videos?
Are your lists optimized for three
screens & search ?
Are your lists hogging too
much space?
Are you failing to aggregate
opinion or relegating ideas to the comment
section?
Are you being agile? Leave
gaps to entice people to help
1
Reusable
Let go of Perfect
Responsive & Search
Socially Inclusive
Precious Pixels
32
4
6
5
7
ImAgE CrEdItS
Act like a List
Relevance/ Aging
1
Reusable
Let go of Perfect
Mobile /Responsive
Socially Inclusive
Precious Pixels
32
4
6
5
7
tanaka
justin_vidamo
Werwin15
gagilas
gazeronly/
flirst
duald/
kamshots
Listly : for bloggers, brands, publishers & journalists who want their readers to contribute
Don’t miss Listly on Wordpress
Listly embeds work on just about all Blog/CMS platforms
1.Getting started guide
2.Local Lists
3.Listly About page
4.Why Lists
5.This Deck as a list
Try these Links
WHat next?
Want to help? Share, download & like the deck
top related