Différences entre versions de « Démarrer sur indieweb »

De Mi caja de notas

 
(40 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
 
{{stub-fr}}
 
{{stub-fr}}
  
 +
🏗  Kit de démarrage indieweb - mise à jour de [[Getting_Started]] pour migration sur [[iwc:Getting_Started-fr]]''
  
💭 Kit de démarrage indieweb - [[iwc:Getting_Started]].  
+
== Vidéos et Articles ==
 +
Regardez une vidéo ou lisez un article, valable pour tous les niveaux : <br/>
 +
----
 +
<span style="float:left;font-size:4em;line-height:1em;padding:.1em .3em 0 0">[[📺]]</span>
 +
* '''[https://www.youtube.com/HNmKO7Gr4TE ▶️ Why We Need the #IndieWeb]''' lors du [[Personal Democracy Forum|PDF]] 2014 (13:15. longer: '''[https://www.youtube.com/FNr0JNwsLy8 ▶️ The Once and Future IndieWeb]''' 41:49)
 +
* '''[https://vimeo.com/265121482 ▶️ Taking Back The Web / Building Blocks of the Indie Web]''' at Webstock ‘18 (27:26. [https://speakerdeck.com/adactio/taking-back-the-web slides])
 +
* '''[https://www.youtube.com/BG6zYsHLCr8&feature=youtu.be&t=23m2s ▶️ This Week in Google, Episode 266: The Indie Web]''' 2014-09-10 (44:22)
 +
{{clear}}
 +
----
 +
<span style="float:left;font-size:4em;line-height:1em;padding:.1em  .3em 0 0">[[📰]]</span>
 +
* '''[http://boffosocko.com/2017/07/28/an-introduction-to-the-indieweb/ 📃 An Introduction to the IndieWeb]''' ({{chrisaldrich}} 2017-07-28)
 +
* '''[http://www.slate.com/blogs/future_tense/2014/04/25/indiewebcamps_create_tools_for_a_new_internet.html 📃 Welcome to the Indie Web Movement]'''({{dangillmor}}/Slate 2014-04-25)
 +
{{clear}}
  
🏗 [[2020]] pour un indiewebcamp en français : ''traduction à produire sur [[Getting Started]] pour localisation avant migration sur  [[iwc:Getting_Started-fr]]''
+
 
 +
== Rejoignez la Communauté ==
 +
Vous voulez discuter avec des personnes avant de vous engager ?
 +
* '''[[discuss-fr|👥 Rejoignez notre salon de discussion]]''' - connectez-vous avec d’autres membres de la communauté IndieWeb qui seront heureux de partager leurs expériences et de répondre à vos questions :
 +
** '''[https://chat.indieweb.org/ 💬 discussion en ligne #indieweb]''' (en utilisant votre navigateur)
 +
** '''[https://chat.indieweb.org/slack 💬 Slack de la communauté #indieweb]''' - ouvrez l’enregistrement (sign-up). Recevez rapidement les réponses aux questions posées et accélérez votre progrès sur tout ce qui concerne IndieWeb.
 +
 
 +
Venez à une rencontre '''[[Homebrew Website Club-fr|Homebrew Website Club]]''' dans une ville proche de chez vous pour rencontrer en personne les membres de la communauté IndieWeb, pour poser vos questions et partager vos expériences &amp; motivations pour rejoindre IndieWeb. Vous pouvez aussi demander des services de [[consultant-fr|consultant]] si ça vous dit.
 +
* [[next-hwc-fr|📅 Prochaine Rencontre Homebrew Website Club]]
 +
Ou vous voulez plonger directement sur un weekend avec des makers IndieWeb ?
 +
* [[next-iwc-fr|⛺️ Prochain week-end IndieWebCamp]] !
 +
Sentez-vous à l’aise de passer cette étape, d’avancer et de revenir vers la communauté pour bénéficier d’une aide quand vous en aurez besoin.
 +
 
 +
== Tutoriels ==
 +
Nous avons des tutoriels pas-à-pas qui vous emmèneront sur tout le chemin en partant d’une idée pour un nom de domaine jusqu’à un Site Web Indie à part entière.
 +
 
 +
=== Services IndieWeb ===
 +
Le chemin le plus facile pour arriver sur l’IndieWeb se fait avec un service qui supporte l’IndieWeb.
 +
 
 +
==== Micro.blog ====
 +
[[Micro.blog]] s’est lancé avec le support IndieWeb dès le jour 1 et peut être paramétré très rapidement !
 +
* '''[[Tutorial_Set_up_micro_dot_blog |Tutoriel : Paramétrer micro.blog]]'''
 +
 
 +
==== Blogger ====
 +
[[Blogger-fr|Blogger]] est l’un des plus anciens services de blog hébergé et il peut être paramétré pour produire beaucoup de fonctionnalités IndieWeb. Cela requiert plus de travail que Micro.blog, mais si vous êtes déjà sur Blogger, jetez un oeil !
 +
* '''[[Tutorial Set_up_an_Indie_Website_using_Blogger-fr|Tutoriel : Paramétrer un site IndieWeb en utilisant Blogger]]'''
 +
 
 +
==== WordPress.com ====
 +
[[WordPress.com]] est le service hébergé WordPress. Il peut aussi se régler avec quelques fonctionnalités IndieWeb, mais cela demande aussi plus de travail, et pour certaines fonctionnalités peut exiger un plus haut niveau de service payant.
 +
* '''[[Tutorial Set_up_an_Indie_Website_Using_WordPress_Com | Tutoriel : Paramétrer un site IndieWeb sur WordPress.com]]'''
 +
 
 +
=== CMS et Hébergement IndieWeb ===
 +
 
 +
Si vous souhaitez commencer avec [[Known-fr|Known]] ou [[WordPress-fr|WordPress]] et un service d'hébergement Web, il existe des [[Tutorials-fr|Tutoriels]] étape par étape qui vous permettront de trouver une idée de nom de domaine sur un site web indépendant à part entière, actuellement sur [[Amazon Web Services-fr|Amazon Web Services]] et [[Reclaim Hosting-fr| Reclaim Hosting]].
 +
 
 +
<raw>
 +
<style>
 +
table.choices { border-collapse: collapse; margin: 25px 0 }
 +
table.choices td,
 +
table.choices th { padding: 5px; border: 1px solid #808080; }
 +
table.choices th:first-child { text-align: left }
 +
table.choices div { float: left; margin-right: 10px }
 +
</style>
 +
</raw>
 +
{| class="choices"
 +
!
 +
! <span style="font-weight:normal">Utiliser Known</span>
 +
! <span style="font-weight:normal">Utiliser Wordpress</span>
 +
|-
 +
! <span style="font-weight:normal">Sur Amazon Web Services</span>
 +
| <div>[[File:known-72x72.png]]</div>
 +
'''[[Tutorial_Set_up_an_Indie_Website_using_Known_on_Amazon_Web_Services-fr | Tutoriel : Paramétrer un site web indépendant utilisant Known sur Amazon Web Services]]'''
 +
| <div>[[File:wordpress-72x72.png]]</div>
 +
'''[[Tutorial_Set_up_an_IndieWebSite_using_WordPress_on_the_Amazon_cloud-fr | Tutoriel : Paramétrer un site web indépendant utilisant WordPress sur Amazon Web Services]]'''
 +
|-
 +
! <span style="font-weight:normal">Sur Reclaim Hosting</span>
 +
| <div>[[File:known-72x72.png]]</div>
 +
'''[[Tutorial_Set_up_an_Indie_Website_using_Known_on_Reclaim_Hosting-fr | Tutoriel : Paramétrer un site web indépendant utilisant Known sur Reclaim Hosting]]'''
 +
| <div>[[File:wordpress-72x72.png]]</div>
 +
[[Tutorial_Set_up_an_Indie_Website_using_WordPress_on_Reclaim_Hosting-fr | Tutoriel : Paramétrer un site web indépendant utilisant WordPress sur Reclaim Hosting]]
 +
|-
 +
! <span style="font-weight:normal">En général</span>
 +
| <div>[[File:known-72x72.png]]</div>
 +
'''Tutoriel : [[Getting Started with Known-fr|Démarrer sur Known]]'''
 +
| <div>[[File:wordpress-72x72.png]]</div>
 +
'''Tutoriel : [[Getting Started on WordPress-fr|Démarrer sur WordPress]]'''
 +
|-
 +
 
 +
|}
 +
* '''Vous avez des tutoriels pour Known ou WordPress sur d’autres services d’hébergement ?''' SVP, sentez-vous libre de les ajouter ou rejoignez les canaux de [[discuss|discussion]] et ramenez-les  !
 +
 
 +
Voir aussi :
 +
* [[Tutorial: Sign up for an Amazon Web Services account-fr|Tutoriel : S’enregistrer pour un compte sur Amazon Web Services]]
 +
* [[Tutorial: Find and purchase a great domain name for your site-fr|Tutoriel : Trouver et acheter un nom de domaine génial pour votre site]]
 +
* [[Tutorial: Set up DNS so your new domain name points to your website-fr|Tutoriel : Paramétrer les DNS afin que votre nouveau nom de domaine pointe vers votre site web]]
 +
 
 +
Il existe de nombreuses autres options (domaine, logiciel, hébergement, etc.) pour configurer votre site web indépendant. Lisez la suite pour plus de choix pour chaque étape !
 +
 
 +
Il existe de nombreux '''[[CMS]]'''s IndieWeb supplémentaires (principalement open source) en plus de Known et WordPress :
 +
 
 +
* par ex. '''[[Craft-fr|Craft]], [[Kirby-fr|Kirby]], [[Perch-fr|Perch]], [[ProcessWire -fr | ProcessWire]], [[TYPO3-fr | TYPO3]]'''
 +
Table de comparaison : '''[[content_management_system#Examples|Tableau des CMSs IndieWeb]]'''
 +
 
 +
== Disposer d’un domaine personnel ==
 +
{{main-fr|personal-domain-fr}}
 +
🌐 Vous avez besoin de votre propre domaine personnel à utiliser pour votre identité en ligne :
 +
* '''Récupérez votre propre nom de domaine personnel''' - Demandez conseil à un ami ou collègue pour un « [[domain name registrar-fr|registrar de nom de domaine]] » qu’il utilise/aime/recommande/respecte etc.
 +
* '''Respect de la Vie Privée et domaine''' - Notez que la plupart des registraires de noms de domaines publieront vos  informations personnelles (nom, adresse postale, numéro de téléphone, adresse de courriel) disponibles via des recherches whois. Beaucoup de registraires offrent des options de respect de vie privée, de manière à éviter que vos détails de données personnelles ne figurent dans l'annuaire whois. N'utilisez l'invisibilité de domaine que si vous avez une totale confiance dans le fournisseur du service -- les conflits d'administration de noms de domaines ou les transferts peuvent devenir difficiles si vous n'êtes pas listé.e comme le propriétaire légal du domaine.
 +
 
 +
Pourquoi ? Regardez [[why-fr|Pourquoi]]. C'est la première étape-clé pour rejoindre l'indie web, posséder un nom de domaine que vous pouvez utiliser comme votre identité en ligne primaire.
 +
 
 +
== Disposer d’un endroit pour votre contenu==
 +
📝 Ensuite, vous aurez besoin d’un endroit pour votre contenu.
 +
 
 +
Voici trois options à choisir selon vos préférences.
 +
 
 +
=== GitHub Pages ===
 +
GitHub Pages est un service gratuit et dispose d’une interface web pour créer et éditer. Pour un hébergement rapide, vous pouvez utiliser [[github-pages-fr|github-pages]] comme une première étape pour aller en ligne. Aucune installation requise.
 +
* Suivez les instructions du projet '''[https://github.com/indieweb/blank-gh-site blank-gh-site]''' pour cloner le site dans votre compte GitHub, ou rejoignez un meetup [[Homebrew Website Club-fr|Homebrew Website Club]] et demandez de l’aide pour une installation et une publication en quelques minutes.
 +
 
 +
Il existe d’autres options gratuites mais plus limitées dans [[Transitional Steps-fr|Étapes transitoires]].
 +
 
 +
=== Hébergement Web ===
 +
L’hébergement web coûte un peu mais fournit beaucoup plus de possibilités.
 +
* Enregistrez-vous chez un fournisseur d’'''[[web hosting-fr|hébergement web]]''' (demandez à vos amis et collègues le fournisseur qu’ils utilisent pour leurs sites web personnels, regardez aussi la [http://lifehacker.com/5911651/five-best-web-hosting-companies liste des 5 meilleurs hébergeurs web] de Lifehacker.)
 +
* Réglez votre nom de domaine pour qu’il soit servi par votre fournisseur d’hébergement web.
 +
 
 +
=== Serveur Maison ===
 +
Utiliser votre propre serveur maison coûte plus et prend plus de temps à paramétrer - pour développeurs uniquement.
 +
* Vous pouvez aussi auto-héberger sur votre propre serveur. Pour les passionnés, il est intéressant de voir que beaucoup de [[Small Computers-fr|Petits Ordinateurs]] peuvent être utilisés comme serveurs, comme Raspberry Pi, Beaglebone Black, Intel Galileo, et toute une liste d’autres petits ordinateurs à faible consommation.
 +
 
 +
== Régler votre site ==
 +
En tant je communauté avec une diversité d’intérêts, désirs et niveaux de savoir-faire, il existe plusieurs approches pour paramétrer un site sur l’Indieweb.
 +
 
 +
=== Une Page Simple ===
 +
📄 Tout ce dont vous avez vraiment besoin est d’un site avec une simple page unique, que vous pouvez paramétrer en utilisant le '''projet [https://github.com/indieweb/blank-gh-site site blanc github]'''.
 +
 
 +
=== Guides CMS ===
 +
📑 Si vous connaissez ou avez déjà une préférence pour un système de gestion de contenu, regardez ces guides spécifiques pour les installer sur votre domaine.
 +
* [[Getting Started on WordPress-fr|Démarrer sur WordPress]]
 +
* [[Getting Started with Known-fr|Démarrer sur Known]]
 +
Ces deux CMS sont hautement recommandés et disposent de [[discuss|Forums d’aide et de support dédiés]], regardez la page '''[[projects-fr|projets]]''' pour plus d’options.
 +
 
 +
Si votre fournisseur d’hébergement web a un tableau de bord comme [[DirectAdmin]], [[cPanel]] ou  [[Fantastico]], il peut permettre d’avoir une option pour installer rapidement un système de gestion de contenu en quelques clics.
 +
 
 +
== Paramétrer votre page d’accueil et la connexion web ==
 +
{{main-fr|How to set up web sign-in on your own domain-fr}}
 +
🏡 Créez et téléversez une [[home page-fr|page d'accueil]] simple <code>index.html</code> avec votre nom, une [[icon|icône]], et des liens [[rel-me-fr|rel-me]] vers vos profils de réseaux sociaux. Assurez-vous que les profils fassent bien des liens retour vers votre domaine.
 +
 
 +
Le site web http://indiewebify.me/validate-rel-me/ a un outil pratique pour vérifier que votre nom de domaine et les profils soient correctement reliés ensemble.
 +
 
 +
'''Pourquoi ?''' Ceci vous garantit qu'il est facile de voir que votre profil sur les réseaux sociaux sont tous la même personne que votre nom de domaine. Ceci vous permettra aussi de vous connecter sur des sites qui supportent [[IndieAuth-fr|IndieAuth]] — comme ce wiki !
 +
 
 +
=== Outils ===
 +
[https://indiewebify.me/ 🔧 Indiewebify.me] fournit un guide étape-par-étape et les outils pour tester et valider votre progression. Regardez la page [[Tools-fr|Outils]] pour des choses plus utiles pour construire et degugger un site IndieWeb.
 +
 
 +
== Ajouter de l’info vous concernant ==
 +
👤 Mettez à jour votre page d'accueil <code>index.html</code> afin d'inclure vos informations de base dans une [[h-card-fr|h-card]].
 +
Cette h-card peut être aussi simple que votre nom.
 +
 
 +
Le site http://indiewebify.me/validate-h-card/ dispose d'un outil pratique pour valider votre h-card.
 +
 
 +
'''Pourquoi ?''' Lorsque vous publiez du contenu, vous pouvez faire un lien vers votre page d'accueil en utilisant [[rel-author-fr|rel-author]] et vos informations d'auteur peuvent être récupérées à partir de la h-card.
 +
 
 +
'''Avantages :''' Même si vous ne publiez toujours pas de contenu sur votre propre site, vous avez à ce stade :
 +
# Jalonné votre demande sur l'indieweb
 +
# Mis en place d'une identité que vous possédez et contrôlez
 +
 
 +
'''Pourquoi ajouter mes informations basiques de contact dans une h-card?'''
 +
* Ceci aide à fournir de l’information d’auteur pour tout ce que vous publiez et reliez vers votre page d’accueil avec [[rel-author-fr|rel-author]].
 +
 
 +
Ce sont de petites étapes mais néanmoins importantes pour déclarer votre indépendance des [[silo-fr|silo]]s de contenus.
 +
 
 +
== Ajouter des liens aux médias sociaux existants  ==
 +
✴️ '''Pourquoi ajouter des liens vers vos profils de réseaux sociaux ?'''
 +
* En établissant un lien entre votre site personnel et vos profils existants sur les médias sociaux, et en établissant un lien entre vos profils de médias sociaux et votre site personnel, cela vous permet d'utiliser votre domaine comme votre identité [[IndieAuth-fr|IndieAuth]] - pour vous connecter à ce wiki par exemple. Pour plus de détails, voir : [[How_to_set_up_web_sign-in_on_your_own_domain-fr| configuration de la connexion Web]].
 +
 
 +
'''Avantages :''' lorsque vous ne partagez pas encore votre contenu sur votre propre site,
 +
* vous avez jalonné votre revendication sur le web indépendant, et
 +
* configurer une identité que vous possédez et contrôlez.
 +
 
 +
== Publier du contenu sur votre domaine ==
 +
📰 En utilisant n’importe quel projet ou CMS que vous avez installé sur votre serveur, postez quelque chose !
 +
 
 +
== Ajoutez des microformats à votre contenu ==
 +
📑 Ajoutez le marquage microformat [[h-entry-fr|h-entry]] à vos posts. Beaucoup de CMSs et thèmes les supportent nativement !
 +
 
 +
Vous pouvez utiliser le '''[https://indiewebify.me/validate-h-entry/ validateur h-entry]''' pour vérifier que votre article récent a un h-entry validé.entry.
 +
 
 +
'''Pourquoi ?''' Ceci permettra à d’autres logiciels de personnes de lire et comprendre facilement votre contenu. Ceci est utile pour une variété de raisons comme la reconnaissance des [[comments-fr|commentaires]], [[likes-fr|j’aime]], [[reposts-fr|reposts]] et l’affichage des [[reply-context-fr|contextes de réponse]]s pour vos posts.
 +
 
 +
== Syndiquez Ailleurs ==
 +
{{main-fr|POSSE-fr}}
 +
 
 +
📤 Réglez une [[syndication-models-fr|syndication]] automatique de vos posts afin que les copies de votre contenu IndieWeb puissent être publiées (semi-automatiquement) vers vos profils existants sur les médias sociaux afin que vos abonnés présents puissent voir votre contenu IndieWeb.
 +
 
 +
Cette pratique est appelée [[POSSE-fr|POSSE]], le raccourci de '''Publish on your Own Site, Syndicate Elsewhere'''.
 +
 
 +
En paramétrant POSSE, vous faites que vos posts sont poussés vers des [[silos-fr|silo]] de média sociaux existants avec un [[permalink-fr|permalien]] de retour vers l’original sur votre propre site.
 +
 
 +
'''Pourquoi ?''' EN POSSE-ant votre contenu sur les silos, vous permettez à ceux qui lisent le contenu sur ces silos de continuer à regarder ce que vous avez à dire, tout en conservant la propriété et le contrôle de votre contenu sur votre propre site.
 +
 
 +
'''Souvenez-vous :''' Le progrès incrémental est encouragé ! POSSE ne doit pas être complètement automatisé pour être efficace. Utilisez un CSM avec le support intégré du POSSE (ou un plugin POSSE), ou postez sur votre site et partagez manuellement vers les médias sociaux (en incluant un lien retour vers l’original). Ceci vous aidera à imaginer ce qui fonctionne pour vous et si cela vaut l’effort d’automatiser.
 +
 
 +
== Partager et Nous Rejoindre ==
 +
Étapes suivantes :
 +
* Partagez ce que vous avez produit / découvert dans le processus de construction de votre site IndieWeb, même si ce n’est qu’une page unique, avec un design simple.
 +
* Demandez ce que vous pouvez/devriez faire ensuite dans les canaux de [[discuss-fr|discuss]]ion.
 +
* Regardez la liste des [[events-fr|événements]] et rejoignez-nous lors du prochain [[IndieWebCamp]] ou meetup du [[Homebrew Website Club]] !
 +
* Une fois avez réglé [[IndieAuth-fr|IndieAuth]], connectez-vous sur le wiki, [[wikifying-fr#Comment Rejoindre la Wiki IndieWeb|créez votre page utilisateur]] en vous wikifiant vous-même.
 +
* Documentez ce que vous avez produit et ajoutez votre site et les détails dans la section des exemples IndieWeb sur les pages ad’hoc pour partager avec les autres ce que vous avez produit et comment.
 +
 
 +
== Facultatif / Étapes Bonus ==
 +
 
 +
=== Portez l’ancien contenu des silos sur votre site ===
 +
Une fois que vous avez posté sur votre propre site et [[POSSE-fr|POSSÉ]] du contenu vers les silos, portez votre ancien contenu de silo vers votre propre site avec des permaliens sur votre site. Généralement, cela demande un processus d’exportation et un batch d’importation. Voici quelques silos de contenu populaires :
 +
* [[Twitter-fr|Twitter]]
 +
* [[Tumblr-fr|Tumblr]]
 +
* [[Facebook-fr|Facebook]]
 +
* ...
 +
* Étudiez aussi les sites que vous utilisez qui pourraient fermer bientôt. Regardez : [[site-deaths-fr#Upcoming]]
 +
 
 +
=== Paramétrer un raccourci d’URL personnel ===
 +
{{main-fr|permashortlinks-fr}}
 +
 
 +
'''Pourquoi ?'''Un'' [[short domain-fr|nom de domaine court]]'' vous permettra de créer des [[permashortlinks-fr|permaliens raccourcis]] qui aideront à :
 +
* Fournir des URLs plus courtes que vous pourrez utiliser sur les slides ou dans les notes écrites à la main
 +
* Fournir des citations-permaliens-raccourcis [[discovery-fr|à découvrir]] dans les notes [[POSSE-fr|POSSÉ]]es, par ex. sur [[Twitter-fr| Twitter]], qui lui même autorise la [[original-post-discovery-fr|découverte du post original]].
 +
* [[POSSE-fr|POSSE]]r vers les [[silos-fr|silos]] qui ont des limites de longueur de post, mais n’emballent pas vos liens, par ex.
 +
** les notes [[Foursquare-fr|Foursquare]] (avec les posts de [[checkin-fr|checkin]])
 +
* ...
 +
 
 +
'''Comment faire ?'''
 +
* Pour WordPress, installez et utilisez le [http://willnorris.com/2011/01/hum-personal-url-shortener-wordpress plugin de raccourci personnel Hum].
 +
* Pour les autres, jetez un œil au rétrécisseur algorithmique existant open source [http://tantek.com/w/Whistle Whistle] pour votre système.
 +
 
 +
== Voir aussi ==
 +
* [[IndieMark-fr|IndieMark]] - un moyen de mesurer votre progrès IndieWeb
 +
 
 +
[[Category:how]]
 +
* [https://ietf.org/newcomers.html IETF Getting Started] - un autre exemple, et peut-être une source d’inspiration pour la façon de maintenir et d’améliorer cette page
 +
* https://fillmem.com/post/fast-secured-and-free-static-site/
 +
* https://webdesign.tutsplus.com/articles/chinese-icp-licensing-what-why-and-how-to-get-hosted-in-china--cms-23193
 +
* [[unlisted#Brainstorming]]

Version actuelle datée du 5 mars 2020 à 05:22


🏗 Kit de démarrage indieweb - mise à jour de Getting_Started pour migration sur iwc:Getting_Started-fr

Vidéos et Articles

Regardez une vidéo ou lisez un article, valable pour tous les niveaux :


📺


📰


Rejoignez la Communauté

Vous voulez discuter avec des personnes avant de vous engager ?

Venez à une rencontre Homebrew Website Club dans une ville proche de chez vous pour rencontrer en personne les membres de la communauté IndieWeb, pour poser vos questions et partager vos expériences & motivations pour rejoindre IndieWeb. Vous pouvez aussi demander des services de consultant si ça vous dit.

Ou vous voulez plonger directement sur un weekend avec des makers IndieWeb ?

Sentez-vous à l’aise de passer cette étape, d’avancer et de revenir vers la communauté pour bénéficier d’une aide quand vous en aurez besoin.

Tutoriels

Nous avons des tutoriels pas-à-pas qui vous emmèneront sur tout le chemin en partant d’une idée pour un nom de domaine jusqu’à un Site Web Indie à part entière.

Services IndieWeb

Le chemin le plus facile pour arriver sur l’IndieWeb se fait avec un service qui supporte l’IndieWeb.

Micro.blog

Micro.blog s’est lancé avec le support IndieWeb dès le jour 1 et peut être paramétré très rapidement !

Blogger

Blogger est l’un des plus anciens services de blog hébergé et il peut être paramétré pour produire beaucoup de fonctionnalités IndieWeb. Cela requiert plus de travail que Micro.blog, mais si vous êtes déjà sur Blogger, jetez un oeil !

WordPress.com

WordPress.com est le service hébergé WordPress. Il peut aussi se régler avec quelques fonctionnalités IndieWeb, mais cela demande aussi plus de travail, et pour certaines fonctionnalités peut exiger un plus haut niveau de service payant.

CMS et Hébergement IndieWeb

Si vous souhaitez commencer avec Known ou WordPress et un service d'hébergement Web, il existe des Tutoriels étape par étape qui vous permettront de trouver une idée de nom de domaine sur un site web indépendant à part entière, actuellement sur Amazon Web Services et Reclaim Hosting.


Utiliser Known Utiliser Wordpress
Sur Amazon Web Services
Erreur lors de la création de la miniature : Impossible d’enregistrer la vignette sur la destination

Tutoriel : Paramétrer un site web indépendant utilisant Known sur Amazon Web Services

Erreur lors de la création de la miniature : Impossible d’enregistrer la vignette sur la destination

Tutoriel : Paramétrer un site web indépendant utilisant WordPress sur Amazon Web Services

Sur Reclaim Hosting
Erreur lors de la création de la miniature : Impossible d’enregistrer la vignette sur la destination

Tutoriel : Paramétrer un site web indépendant utilisant Known sur Reclaim Hosting

Erreur lors de la création de la miniature : Impossible d’enregistrer la vignette sur la destination

Tutoriel : Paramétrer un site web indépendant utilisant WordPress sur Reclaim Hosting

En général
Erreur lors de la création de la miniature : Impossible d’enregistrer la vignette sur la destination

Tutoriel : Démarrer sur Known

Erreur lors de la création de la miniature : Impossible d’enregistrer la vignette sur la destination

Tutoriel : Démarrer sur WordPress

  • Vous avez des tutoriels pour Known ou WordPress sur d’autres services d’hébergement ? SVP, sentez-vous libre de les ajouter ou rejoignez les canaux de discussion et ramenez-les !

Voir aussi :

Il existe de nombreuses autres options (domaine, logiciel, hébergement, etc.) pour configurer votre site web indépendant. Lisez la suite pour plus de choix pour chaque étape !

Il existe de nombreux CMSs IndieWeb supplémentaires (principalement open source) en plus de Known et WordPress :

Table de comparaison : Tableau des CMSs IndieWeb

Disposer d’un domaine personnel

Article principal : personal-domain-fr

🌐 Vous avez besoin de votre propre domaine personnel à utiliser pour votre identité en ligne :

  • Récupérez votre propre nom de domaine personnel - Demandez conseil à un ami ou collègue pour un « registrar de nom de domaine » qu’il utilise/aime/recommande/respecte etc.
  • Respect de la Vie Privée et domaine - Notez que la plupart des registraires de noms de domaines publieront vos informations personnelles (nom, adresse postale, numéro de téléphone, adresse de courriel) disponibles via des recherches whois. Beaucoup de registraires offrent des options de respect de vie privée, de manière à éviter que vos détails de données personnelles ne figurent dans l'annuaire whois. N'utilisez l'invisibilité de domaine que si vous avez une totale confiance dans le fournisseur du service -- les conflits d'administration de noms de domaines ou les transferts peuvent devenir difficiles si vous n'êtes pas listé.e comme le propriétaire légal du domaine.

Pourquoi ? Regardez Pourquoi. C'est la première étape-clé pour rejoindre l'indie web, posséder un nom de domaine que vous pouvez utiliser comme votre identité en ligne primaire.

Disposer d’un endroit pour votre contenu

📝 Ensuite, vous aurez besoin d’un endroit pour votre contenu.

Voici trois options à choisir selon vos préférences.

GitHub Pages

GitHub Pages est un service gratuit et dispose d’une interface web pour créer et éditer. Pour un hébergement rapide, vous pouvez utiliser github-pages comme une première étape pour aller en ligne. Aucune installation requise.

  • Suivez les instructions du projet blank-gh-site pour cloner le site dans votre compte GitHub, ou rejoignez un meetup Homebrew Website Club et demandez de l’aide pour une installation et une publication en quelques minutes.

Il existe d’autres options gratuites mais plus limitées dans Étapes transitoires.

Hébergement Web

L’hébergement web coûte un peu mais fournit beaucoup plus de possibilités.

  • Enregistrez-vous chez un fournisseur d’hébergement web (demandez à vos amis et collègues le fournisseur qu’ils utilisent pour leurs sites web personnels, regardez aussi la liste des 5 meilleurs hébergeurs web de Lifehacker.)
  • Réglez votre nom de domaine pour qu’il soit servi par votre fournisseur d’hébergement web.

Serveur Maison

Utiliser votre propre serveur maison coûte plus et prend plus de temps à paramétrer - pour développeurs uniquement.

  • Vous pouvez aussi auto-héberger sur votre propre serveur. Pour les passionnés, il est intéressant de voir que beaucoup de Petits Ordinateurs peuvent être utilisés comme serveurs, comme Raspberry Pi, Beaglebone Black, Intel Galileo, et toute une liste d’autres petits ordinateurs à faible consommation.

Régler votre site

En tant je communauté avec une diversité d’intérêts, désirs et niveaux de savoir-faire, il existe plusieurs approches pour paramétrer un site sur l’Indieweb.

Une Page Simple

📄 Tout ce dont vous avez vraiment besoin est d’un site avec une simple page unique, que vous pouvez paramétrer en utilisant le projet site blanc github.

Guides CMS

📑 Si vous connaissez ou avez déjà une préférence pour un système de gestion de contenu, regardez ces guides spécifiques pour les installer sur votre domaine.

Ces deux CMS sont hautement recommandés et disposent de Forums d’aide et de support dédiés, regardez la page projets pour plus d’options.

Si votre fournisseur d’hébergement web a un tableau de bord comme DirectAdmin, cPanel ou Fantastico, il peut permettre d’avoir une option pour installer rapidement un système de gestion de contenu en quelques clics.

Paramétrer votre page d’accueil et la connexion web

🏡 Créez et téléversez une page d'accueil simple index.html avec votre nom, une icône, et des liens rel-me vers vos profils de réseaux sociaux. Assurez-vous que les profils fassent bien des liens retour vers votre domaine.

Le site web http://indiewebify.me/validate-rel-me/ a un outil pratique pour vérifier que votre nom de domaine et les profils soient correctement reliés ensemble.

Pourquoi ? Ceci vous garantit qu'il est facile de voir que votre profil sur les réseaux sociaux sont tous la même personne que votre nom de domaine. Ceci vous permettra aussi de vous connecter sur des sites qui supportent IndieAuth — comme ce wiki !

Outils

🔧 Indiewebify.me fournit un guide étape-par-étape et les outils pour tester et valider votre progression. Regardez la page Outils pour des choses plus utiles pour construire et degugger un site IndieWeb.

Ajouter de l’info vous concernant

👤 Mettez à jour votre page d'accueil index.html afin d'inclure vos informations de base dans une h-card. Cette h-card peut être aussi simple que votre nom.

Le site http://indiewebify.me/validate-h-card/ dispose d'un outil pratique pour valider votre h-card.

Pourquoi ? Lorsque vous publiez du contenu, vous pouvez faire un lien vers votre page d'accueil en utilisant rel-author et vos informations d'auteur peuvent être récupérées à partir de la h-card.

Avantages : Même si vous ne publiez toujours pas de contenu sur votre propre site, vous avez à ce stade :

  1. Jalonné votre demande sur l'indieweb
  2. Mis en place d'une identité que vous possédez et contrôlez

Pourquoi ajouter mes informations basiques de contact dans une h-card?

  • Ceci aide à fournir de l’information d’auteur pour tout ce que vous publiez et reliez vers votre page d’accueil avec rel-author.

Ce sont de petites étapes mais néanmoins importantes pour déclarer votre indépendance des silos de contenus.

Ajouter des liens aux médias sociaux existants

✴️ Pourquoi ajouter des liens vers vos profils de réseaux sociaux ?

  • En établissant un lien entre votre site personnel et vos profils existants sur les médias sociaux, et en établissant un lien entre vos profils de médias sociaux et votre site personnel, cela vous permet d'utiliser votre domaine comme votre identité IndieAuth - pour vous connecter à ce wiki par exemple. Pour plus de détails, voir : configuration de la connexion Web.

Avantages : lorsque vous ne partagez pas encore votre contenu sur votre propre site,

  • vous avez jalonné votre revendication sur le web indépendant, et
  • configurer une identité que vous possédez et contrôlez.

Publier du contenu sur votre domaine

📰 En utilisant n’importe quel projet ou CMS que vous avez installé sur votre serveur, postez quelque chose !

Ajoutez des microformats à votre contenu

📑 Ajoutez le marquage microformat h-entry à vos posts. Beaucoup de CMSs et thèmes les supportent nativement !

Vous pouvez utiliser le validateur h-entry pour vérifier que votre article récent a un h-entry validé.entry.

Pourquoi ? Ceci permettra à d’autres logiciels de personnes de lire et comprendre facilement votre contenu. Ceci est utile pour une variété de raisons comme la reconnaissance des commentaires, j’aime, reposts et l’affichage des contextes de réponses pour vos posts.

Syndiquez Ailleurs

Article principal : POSSE-fr

📤 Réglez une syndication automatique de vos posts afin que les copies de votre contenu IndieWeb puissent être publiées (semi-automatiquement) vers vos profils existants sur les médias sociaux afin que vos abonnés présents puissent voir votre contenu IndieWeb.

Cette pratique est appelée POSSE, le raccourci de Publish on your Own Site, Syndicate Elsewhere.

En paramétrant POSSE, vous faites que vos posts sont poussés vers des silo de média sociaux existants avec un permalien de retour vers l’original sur votre propre site.

Pourquoi ? EN POSSE-ant votre contenu sur les silos, vous permettez à ceux qui lisent le contenu sur ces silos de continuer à regarder ce que vous avez à dire, tout en conservant la propriété et le contrôle de votre contenu sur votre propre site.

Souvenez-vous : Le progrès incrémental est encouragé ! POSSE ne doit pas être complètement automatisé pour être efficace. Utilisez un CSM avec le support intégré du POSSE (ou un plugin POSSE), ou postez sur votre site et partagez manuellement vers les médias sociaux (en incluant un lien retour vers l’original). Ceci vous aidera à imaginer ce qui fonctionne pour vous et si cela vaut l’effort d’automatiser.

Partager et Nous Rejoindre

Étapes suivantes :

  • Partagez ce que vous avez produit / découvert dans le processus de construction de votre site IndieWeb, même si ce n’est qu’une page unique, avec un design simple.
  • Demandez ce que vous pouvez/devriez faire ensuite dans les canaux de discussion.
  • Regardez la liste des événements et rejoignez-nous lors du prochain IndieWebCamp ou meetup du Homebrew Website Club !
  • Une fois avez réglé IndieAuth, connectez-vous sur le wiki, créez votre page utilisateur en vous wikifiant vous-même.
  • Documentez ce que vous avez produit et ajoutez votre site et les détails dans la section des exemples IndieWeb sur les pages ad’hoc pour partager avec les autres ce que vous avez produit et comment.

Facultatif / Étapes Bonus

Portez l’ancien contenu des silos sur votre site

Une fois que vous avez posté sur votre propre site et POSSÉ du contenu vers les silos, portez votre ancien contenu de silo vers votre propre site avec des permaliens sur votre site. Généralement, cela demande un processus d’exportation et un batch d’importation. Voici quelques silos de contenu populaires :

Paramétrer un raccourci d’URL personnel

Article principal : permashortlinks-fr

Pourquoi ?Un nom de domaine court vous permettra de créer des permaliens raccourcis qui aideront à :

  • Fournir des URLs plus courtes que vous pourrez utiliser sur les slides ou dans les notes écrites à la main
  • Fournir des citations-permaliens-raccourcis à découvrir dans les notes POSSÉes, par ex. sur Twitter, qui lui même autorise la découverte du post original.
  • POSSEr vers les silos qui ont des limites de longueur de post, mais n’emballent pas vos liens, par ex.
  • ...

Comment faire ?

Voir aussi