Xtof : Page créée avec « Cette page a démarré sur iwc:homepage pour traduction 🏠 Votre '''... »

2020-02-21T19:49:52Z

Page créée avec « <cite class="h-cite">Cette page a démarré sur iwc:homepage</cite> pour traduction 🏠 Votre '''<dfn>... »

Nouvelle page

<cite class="h-cite">Cette page a démarré sur [[iwc:homepage]]</cite> pour traduction

🏠

Votre '''<dfn>homepage</dfn>''' (Page d’accueil) vous représente sur le web, généralement tout en haut de votre domaine, avec votre nom et une représentation [[icon-fr|icônique]], souvent balisée avec une [[h-card-fr|h-card]], et communément un ou plusieurs flux de posts récents, classés par thématiques ou les plus pertinents marqués avec [[h-entry-fr|h-entry]].

Pour les travaux sur la page d’accueil du site IndieWeb.org, regardez
* '''[[site-homepage]]'''

== Pourquoi ==
Toutes les raisons sur [[why-fr|pourquoi]] et plus encore.more

Utilisez votre propre [[personal domain-fr|domaine personnel]] pour posséder votre [[identity-fr|identité]] sur le web.

En produisant une page d’accueil plus utile, vous vous sentirez plus motivé pour partager votre URL au lieu de votre pseudo [[Twitter-fr|Twitter]] ou tout autre profil sur un [[silo-fr|silo]].

__TOC__
== Comment ==
Que devrait-il y avoir sur votre page d’accueil de site indie web ?
=== À Propos ===
Votre homepage devrait contenir quelques informations fondamentales vous concernant :
* nom
* [[icon-fr|icône]] / [[profile photo-fr|photo de profil]]
* [[communication]] liens (aim: mailto: tel: etc. Voir [http://tantek.com/2013/338/b1/people-focused-mobile-communication-experience] pour quelque brainstorming sur l’interface-utilisateur)
* autres information [[about-fr|à propos]] / information de contact information, par ex.
** Liens vers URLS de profils sur les [[silo-fr|silo]]s, lieu approximatif, mini-bio, catégories/tags
* marquée avec [[h-card-fr|h-card]] (voir [[Indiewebify.me]] pour vérifier, valider)
* [[How_to_set_up_web_sign-in_on_your_own_domain-fr|Support de connexion web]]
** Liens [[rel-me-fr|rel-me]] vers vos autres identités sur le web

Votre page d’accueil est l’URL que vous partagez avec les personnes, par conséquent, il est utile de la régler avec :
* [[role-fr|rôle]] - un résumé bref de ce que vous faites
* [[discovery-fr|découverte]] des autres choses que vous avez sur votre site
* Votre heure locale
* Récemment vu (dernier checkin/lieu de l’article)
* événements à venir
* projets
* [[disclosure-fr|disclosure]] - révélations de différents types, par ex. Les cookies ou les trackers d’analyse

=== Flux ===
Puis, il est très courant d’avoir :
* les [[stream-fr|flux]] de vos [[posts-fr|posts]] les plus récents et autres activités.
Voir le Flux de Mises à Jour pour quelque inspiration.

=== Archive Navigation ===
Si vous affichez un flux des articles récents sur votre page d’accueil, il peut être aussi utile d’afficher une petite interface de navigation pour vos archives.

Pour en savoir plus : [[archive navigation]].

=== Précédemment ===
Among early 2000s bloggers it was popular to also have on your home page:
* [[blogroll-fr|blogroll]]

== Exemples IndieWeb ==
=== Homepages uniques ===
Some interesting indieweb home page examples of simple contact/about information (e.g. [[hCard]]), maps for location, live IM status etc. - probably worth expanding and document each of these:
* http://scottbullard.com/ - phone/email links with more: http://scottbullard.com/more.html
* http://www.jaredhanson.net/ - live IM status on Jared's hCard
* http://npdoty.name/ - map as background centered on his current location
* old adactio.com (pre-2012)
* http://jasonpark.me/ - made to look like graphically browsing a computer filesystem
* https://jacky.wtf/
* https://www.gwern.net/

That and most recent blog post:
* http://ebdesign.se/

That and occasional blog posts:
* http://aralbalkan.com/

The https://bear.im homepage for {{bear}} has a super simple [[hCard]] and then links to the [[hFeed]] and a more substantive About page

=== Flux de mises à jour ===
All that and most of the content they post online as a stream:

Mixed/composite feed examples with complete posts:
* http://tantek.com/
* http://adactio.com/ (late 2012+)
* https://aaronparecki.com/ (2016+)

Streams of partial posts / summaries:
* {{voxpelli}} http://voxpelli.com/ – stream of latest blog post titles

Streams of only names/titles of posts:
* {{bear}} https://bear.im/bearlog

Separate feeds:
* {{voxpelli}} http://voxpelli.com/ – links to separate feeds for bookmarks and social interactions
* http://2015.aaronparecki.com/ (2012-2015)

== Brainstorming Homepage ==
Things which could go on homepages which aren’t currently implemented, or are underimplemented. Sometimes there is an intent to implement.

* [[payment]] links/buttons
* local weather/daylight (extra context)
* people I’ve mentioned recently
* tags I’ve used recently
* actions like subscribe, contact, add to address book
* latest comments

I might be adding links to /me (my profile page) and /about (about the site, license info, powered by, hosted at, etc.) to my homepage. --[[User:Sandeep.io|Sandeep Shetty]]

=== Fonctionnalités de Connexion ===
When signed-in to your own site, it might be useful to have:
* [[reader]] - integrated reader showing posts from others you follow
** silo examples of such a logged in home page: [[Facebook]], [[Twitter]], [[Tumblr]] - logged in dashboard

=== Sketches ===
I did some homepage sketches/brainstorming [https://github.com/Taproot/design/blob/master/homepage-brainstorming.jpg here] --[[User:Waterpigs.co.uk|Waterpigs.co.uk]] 14:32, 18 June 2013 (PDT)

=== Webmention vers la homepage ===
[[Webmention]]s sent directly to home pages could serve a number of use-cases:
* [[notification]] of a [[person-mention]] (like an indieweb @-mention) on a post somewhere else
* [[invitation]] to an indie [[event]]
* notification of a new private [[message]] received
* allowing other people to tag you in photos or posts

== Exemples de Silos ==
Silos don't technically give you access to their home page, but they do typically provide you with something resembling a home page, albeit typically at a path (not at the root), and they call it a profile. Though they really should be providing [[subdomain]]s instead of profile paths.

=== Twitter ===
As an example, [[Twitter]] let's you customize your profile page with:
* [[icon]] - upload (min/max resolution/bytes?)
* header image - upload (min/max resolution/bytes?)
* [[bio]] - 160 character text field, @ and # auto-linked.
* [[domain|website]] - auto-linked URL
* [[location]] - ??? character text field.

== Articles ==
Articles and posts about homepage design and features:

* <time class="dt-published">2013-12-04</time> [http://tantek.com Tantek Çelik]: <cite class="p-name">[http://tantek.com/2013/338/b1/people-focused-mobile-communication-experience Toward A People Focused Mobile Communication Experience]</cite>
* ...

== Sessions en rapport ==
* [[2012/UK/Demos]] - specifically, General discussion / UX thoughts.

== Voir aussi ==
* [[about-fr|à propos]]
* [[icon]]
* [[payment]]
* [[webmention]]
* [[add to home screen]]
* [[Now]]

----

== Démarrer ==
Si vous [[getting started-fr|démarrez juste]] :
* [[profile-fr|profil]] / information de contact avec une [[hcard-fr|hCard]]
** exemples d'informations de contact / info à propos uniquement : aralbalkan.com, ebdesign.se, vieux (pre-2012) adactio.com
* [[How_to_set_up_web_sign-in_on_your_own_domain-fr|support de connexion-web]]

== Flux ==
Ensuite, il est tout à fat populaire d'avoir :
* des [[feed-fr|flux]] de vos posts les plus récents et autres activités.
** des exemples de flux mixés/composés : tantek.com, nouveau (après 2012+) adactio.com
** des flux séparés : aaronparecki.com

== Découverte ==
Votre page d'accueil est l'URL que vous partagez avec les personnes, par conséquent il est utile de la paramétrer avec :
* [[discovery-fr|discovery]] de ce que vous avez d'autre sur votre site

== Précédemment ==
Parmi les blogueurs des années 2000s il était populaire d'avoir aussi sur votre page d'accueil :
* [[blogroll-fr|blogroll]]

== Fonctionnalités de Connexion ==
Une fois connecté sur votre site, il pourrait être utile d'avoir :
* [[feed reader-fr|lecteur de flux]] - flux des posts des autres que vous suivez
** exemples de silo d'une telle page d'accueil une fois connecté : [[Facebook-fr|Facebook]], [[Twitter-fr|Twitter]], [[Tumblr-fr|Tumblr]] - connecté dans le tableau de bord

== en rapport ==
* [[2012/UK/Demos]] - discussion générale spécifiquement sur les réflexions UX.
* [[feeds-fr|flux]]

Home page-fr - Historique des versions

Xtof : Page créée avec « Cette page a démarré sur iwc:homepage pour traduction 🏠 Votre '''... »