Homepage-fr - Historique des versions

Xtof le 22 juillet 2022 à 06:09

2022-07-22T06:09:37Z

Xtof le 3 avril 2018 à 02:42

2018-04-03T02:42:20Z

Xtof : Page créée avec « Cette page a démarré sur iwc:homepage et migrera sur iwc:homepage-fr après traduction 🏠 Your... »

2017-01-02T00:04:21Z

Page créée avec « Cette page a démarré sur iwc:homepage et migrera sur iwc:homepage-fr après traduction 🏠 Your... »

Nouvelle page

Cette page a démarré sur [[iwc:homepage]] et migrera sur [[iwc:homepage-fr]] après traduction

🏠

Your '''<dfn>homepage</dfn>''' represents you on the web, typically at the top of your domain, and shows your name and an [[icon]]ic representation, often marked up with [[h-card]].

== Why ==
All the reasons on [[why]] and more.

Use your own [[personal domain]] to own your [[identity]] on the web.

By making your homepage more useful, you will feel more motivated to share your URL instead of just your [[Twitter]] handle or other [[silo]] profile.

__TOC__
== How ==
What should be on your indie web site home page?
=== About You ===
Your homepage should have some basic information about you:
* name
* [[icon]] / [[profile photo]]
* [[communication]] links (aim: mailto: tel: etc. see [http://tantek.com/2013/338/b1/people-focused-mobile-communication-experience] for some UI brainstorming on this)
* other [[about]] / contact information, e.g.
** Links to [[silo]] profile URLs, approximate location, short bio, categories/tags
* marked up with [[h-card]] (see [[indiewebify]] to verify, validate)
* [[How_to_set_up_web_sign-in_on_your_own_domain|web-sign-in support]]
** [[rel-me]] links to your other identities on the web

Your home page is the URL you share with people, therefore it's useful to set it up with:
* [[role]] - brief summary of what it is you do
* [[discovery]] of what else you have on your site
* Your local time
* Last seen (last checkin/location post)
* upcoming events
* projects
* [[disclosure]] - disclosures of various types, e.g. cookies or analytics tracking

=== Stream ===
Next, it's quite popular to have:
* [[stream]] of your most recent [[posts]] and other activities.
See the Stream of Updates below for some inspiration.

=== Archive Navigation ===
If you show a stream of recent posts on your home page, it may also be useful to show a small navigation interface for your archives.

More: [[archive navigation]].

=== Previously ===
Among early 2000s bloggers it was popular to also have on your home page:
* [[blogroll]]

== IndieWeb Examples ==
=== Simple Homepages ===
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)

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

=== Stream of Updates ===
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)

== Homepage Brainstorming ==
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]]

=== Signed-in Features ===
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 to 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

== Silo Examples ==
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.
* [[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>
* ...

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

== See Also ==
* [[about]]
* [[icon]]
* [[payment]]
* [[webmention]]

← Version précédente		Version du 22 juillet 2022 à 06:09
Ligne 1 :		Ligne 1 :
		+	{{:iwc:homepage}}
		+
	{{stub-fr}}		{{stub-fr}}

@@ Ligne 1 : / Ligne 1 : @@
-Cette page a démarré sur [[iwc:homepage]] et migrera sur [[iwc:homepage-fr]] après traduction
+{{stub-fr}}
 <span style="float:right;height:128px;font-size:128px">🏠</span>
-Your '''<dfn>homepage</dfn>''' represents you on the web, typically at the top of your domain, and  shows your name and an [[icon]]ic representation, often marked up with [[h-card]].
+Votre '''<dfn>page d'accueil</dfn>''' vous représente sur le web, généralement tout en haut de votre domaine, avec votre nom et une représentation [[icon]]ique, souvent balisée avec [[h-card]], et assez souvent avec un ou plusieurs flux des sujets récents ou les publications les plus pertinentes marquées avec [[h-entry]].
-== Why ==
+== Pourquoi ==
-All the reasons on [[why]] and more.
+Toutes les raisons sur [[why|pourquoi]] et plus encore.
-Use your own [[personal domain]] to own your [[identity]] on the web.
+Utilise votre [[personal domain-fr|domaine personnel]] pour posséder votre [[identity-fr|identité]] sur le web.
-By making your homepage more useful, you will feel more motivated to share your URL instead of just your [[Twitter]] handle or other [[silo]] profile.
+En rendant votre page d'accueil plus utile, vous vou sentirez plus motivé pour partager votre URL au lieu de vou contenter de votre pseudo [[Twitter]] ou tout autre profil sur un [[silo]].
 __TOC__
-== How ==
+== Comment faire ==
 What should be on your indie web site home page?
-=== About You ===
+=== À Propos de vous ===
-Your homepage should have some basic information about you:
+Votre page d'accueil devrait avoir quelque information basique vous concernant :
-* name
+* nom
-* [[icon]] / [[profile photo]]
+* [[icon-fr|icône]] / [[profile photo-fr|photo de profil]]
-* [[communication]] links (aim: mailto: tel: etc. see [http://tantek.com/2013/338/b1/people-focused-mobile-communication-experience] for some UI brainstorming on this)
+* liens de [[communication-fr|communication]] (aim: mailto: tel: etc. see [http://tantek.com/2013/338/b1/people-focused-mobile-communication-experience] pour quelque brainstorming UI là-dessus)
-* other [[about]] / contact information, e.g.
+* autre information [[about-fr|à propos]] / contact, par ex.
-** Links to [[silo]] profile URLs, approximate location, short bio, categories/tags
+** Liens vers les URLs de profil sur les [[silo]]s, lieu approximatif, bio rapide catégories/tags
-* marked up with [[h-card]] (see [[indiewebify]] to verify, validate)
+* balisés avec [[h-card-fr|h-card]] (voir [[indiewebify]] pour vérifier et valider)
-* [[How_to_set_up_web_sign-in_on_your_own_domain|web-sign-in support]]
+* [[How_to_set_up_web_sign-in_on_your_own_domain|prise en charge de la connexion-web]]
-** [[rel-me]] links to your other identities on the web
+** Liens [[rel-me-fr|rel-me]] vers vos autres identités sur le web.
 Your home page is the URL you share with people, therefore it's useful to set it up with:
@@ Ligne 122 : / Ligne 127 : @@
 == Articles ==
-Articles and posts about homepage design and features:
+Articles et posts concernant le design de page d'accueil et ses fonctionnalités :
 * <span class="h-cite"><time class="dt-published">2013-12-04</time> <span class="p-author h-card">[http://tantek.com Tantek Çelik]</span>: <cite class="p-name">[http://tantek.com/2013/338/b1/people-focused-mobile-communication-experience  Toward A People Focused Mobile Communication Experience]</cite></span>
@@ Ligne 130 : / Ligne 135 : @@
 * [[2012/UK/Demos]] - specifically, General discussion / UX thoughts.
-== See Also ==
+== Voir aussi  ==
 * [[about]]
 * [[icon]]
 * [[payment]]
 * [[webmention]]