Différences entre versions de « Getting Started »

De Mi caja de notas
(Contenu remplacé par « {{iwc}} »)
Balise : Contenu remplacé
 
(3 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
−
{{stub-fr}}
+
{{iwc}}
−
{{attention|travaux de traduction en cours}}
 
−
 
 
−
Cette page a démarré sur [[iwc:Getting_Started]] et migrera sur [[iwc:Getting_Started-fr]] pour traduction d’un kit de démarrage indieweb aux nouveaux venus.
 
−
 
 
−
{{emojicon|🎉}}
 
−
'''<dfn>''Démarrez</dfn>''' sur l'indieweb en [[IRC-fr|vous connectant]] avec la '''communauté'''  indiewebcamp, en disposant de votre '''domaine personnel''', d’un '''endroit pour poser votre contenu'''  et en paramétrant votre '''page d'accueil''' et d’autres '''fondamentaux indieweb'''.
 
−
 
 
−
Vous comprenez les raisons [[why-fr|pour lesquelles]] vous devriez être sur le web indépendant, mais vous n’êtes pas sûr de savoir comment y arriver ? Vous avez trouvé la bonne page !
 
−
 
 
−
À chaque étape ci-dessous, vous gagnerez en compréhension et en appropriation de votre identité et de votre contenu en ligne, en progressant régulièrement avec votre site Web.
 
−
 
 
−
== 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://youtube.com/HNmKO7Gr4TE ▶️ Why We Need the #IndieWeb]''' at [[Personal Democracy Forum|PDF]] 2014 (13:15. longer: '''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])
 
−
* '''[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}}
 
−
__TOC__
 
−
----
 
−
Vous voulez en savoir plus ? Regardez les autres '''[[videos about|videos]]''' et '''[[posts about|posts]]''' concernant l’IndieWeb.
 
−
 
 
−
== Rejoignez la Communauté ==
 
−
Want to chat with people on the indieweb before jumping in?
 
−
* '''[[discuss|👥 Join our chat room]]''' - connect with other members of the IndieWeb community who are happy to share their experiences and answer questions:
 
−
** '''[https://chat.indieweb.org/ 💬 Online #indieweb chat]''' (using your browser)
 
−
** '''[https://chat.indieweb.org/slack 💬 Slack #indieweb community]''' - open sign-up
 
−
Quickly get questions answered and accelerate your progress in all things IndieWeb.
 
−
 
 
−
Come to a '''[[Homebrew Website Club]] meetup''' in a city near you to meet IndieWeb community members in person, ask questions, and share your experiences &amp; motivations for getting on the IndieWeb. You may also request [[Consultants|consultant]] services if you like.
 
−
* [[next-hwc|📅 Next Homebrew Website Club]] meetup
 
−
Or want to jump right in and deep dive over a weekend with IndieWeb makers?
 
−
* [[next-iwc|⛺️ Next IndieWebCamp]] weekend!
 
−
Feel free to skip ahead and come back to community and help only when you need it.
 
−
 
 
−
== Tutoriels ==
 
−
We have step-by-step tutorials that will get you all the way from an idea for a domain name to a full-fledged Indie Website.
 
−
 
 
−
=== Services IndieWeb ===
 
−
The easiest way to get on the IndieWeb is with a service that supports the 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]] is one of the oldest hosted blogging services and can be setup to do a lot of IndieWeb features. It requires more work than Micro.blog, but if you are already on Blogger, take a look!
 
−
* '''[[Tutorial Set_up_an_Indie_Website_using_Blogger|Tutorial: Set up an Indie Website using Blogger]]'''
 
−
 
 
−
==== WordPress.com ====
 
−
[[WordPress.com]] is the hosted WordPress service. It too can be setup with some IndieWeb features, but also takes more work, and for some features may require a higher level of paid service.
 
−
* '''[[Tutorial Set_up_an_Indie_Website_Using_WordPress_Com | Tutorial: Set Up an IndieWeb site on 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]] et [[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>
 
−
'''[[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 | 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 | 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 | Tutoriel : Paramétrer un site web indépendant utilisant WordPress sur Reclaim Hosting]] (à écrire)
 
−
|-
 
−
! <span style="font-weight:normal">In general</span>
 
−
| <div>[[File:known-72x72.png]]</div>
 
−
'''Tutoriel : [[Getting Started with Known|Démarrer sur Known]]'''
 
−
| <div>[[File:wordpress-72x72.png]]</div>
 
−
'''Tutoriel : [[Getting Started on WordPress|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|Tutorial: Sign up for an Amazon Web Services account]]
 
−
* [[Tutorial: Find and purchase a great domain name for your site|Tutorial: Find and purchase a great domain name for your site]]
 
−
* [[Tutorial: Set up DNS so your new domain name points to your website|Tutorial: Set up DNS so your new domain name points to your website]]
 
−
 
 
−
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]], [[Kirby]], [[Perch]], [[ProcessWire]], [[TYPO3]]'''
 
−
Table de comparaison : '''[[content_management_system#Examples|Tableau des CMSs IndieWeb]]'''
 
−
 
 
−
== Get a personal domain ==
 
−
{{main|personal-domain}}
 
−
🌐 You need your own personal domain to use as your primary online identity:
 
−
* '''Get your own personal domain name''' - Ask a friend or colleague for a recommended [[domain name registrar]] (e.g. that they use and like/trust/respect)
 
−
* '''Domain Privacy''' - Most domain name registrars will make your personal information publicly available (name, mailing address, phone number, email address). Many registrars offer domain privacy options, so that instead of your personal details the registrar's details will be in the whois directory. Only use domain privacy if you fully trust the provider of the service -- disputes about domain name administration or transfers may get tricky if you are not listed as the legal owner of the domain.
 
−
 
 
−
'''Why?''' See [[why]]. This is the key first step to joining the indieweb, owning a domain name you can use as your primary online identity.
 
−
 
 
−
== Get a place for your content ==
 
−
📝 Next, you need a place for your content.
 
−
 
 
−
Here are three options to choose from depending on your preferences.
 
−
 
 
−
=== GitHub Pages ===
 
−
GitHub pages are free and have a web interface for creating &amp; editing. For quick hosting you can use [[github-pages]] as a first step to get online. No installation needed.
 
−
* Follow the '''[https://github.com/indieweb/blank-gh-site blank-gh-site]''' instructions to clone it and set it up in your GitHub account, or come to a [[Homebrew Website Club]] meetup and ask for help. You can be setup to publish in minutes.
 
−
 
 
−
There are other free but more limited options described in [[Transitional Steps]].
 
−
 
 
−
=== Web Hosting ===
 
−
Web hosting costs a little but provides much more capabilities.
 
−
* Sign up with a '''[[web hosting]]''' provider (ask friends and colleagues who they use for their personal websites that they're happy with, also see Lifehacker's [http://lifehacker.com/5911651/five-best-web-hosting-companies list of 5 best web hosting companies])
 
−
* Set up your domain name to be served by your web hosting provider
 
−
 
 
−
=== Home Server ===
 
−
Using your own server at home costs more and takes more time to set up — for developers only.
 
−
* You can also self-host on your own server. Interesting to hobbyists are the many [[Small Computers]] available that can be used as servers, including Raspberry Pi, Beaglebone Black, Intel Galileo, and a host of other small, low-power computers.
 
−
 
 
−
== Set up your site ==
 
−
As a community with diverse interests, desires, and levels of technical know-how, there are multiple approaches to setting up a site on the Indieweb.
 
−
 
 
−
=== Simple One Page ===
 
−
📄 All you really need to get started is a simple one page site, which you can setup using the '''[https://github.com/indieweb/blank-gh-site blank-gh-site  project]'''.
 
−
 
−
=== CMS Guides ===
 
−
📑 If you already know or have a preference for a content management system, see these specific guides for setting them up on your domain.
 
−
* [[Getting Started on WordPress]]
 
−
* [[Getting Started with Known]]
 
−
These two are highly recommended and have dedicated [[discuss|help and support forums]], see the '''[[projects]]''' page for more options.
 
−
 
 
−
If your web hosting provider has a control panel like [[DirectAdmin]], [[cPanel]] or [[Fantastico]], it may allow have an option to quickly set up a content management system in a few clicks.
 
−
 
 
−
== Set up your home page and web sign-in ==
 
−
{{main|How to set up web sign-in on your own domain}}
 
−
🏡 Create and upload a simple <code>index.html</code> [[home page]] with your name, [[icon]], and [[rel-me]] links to your social network profiles. Make sure that the profiles link back to your domain.
 
−
 
 
−
The website https://indiewebify.me/validate-rel-me/ has a handy tool to validate that your domain name and profiles are linked together correctly.
 
−
 
 
−
'''Why?''' This ensures that it is easy to see that your profile on the social networks are all the same person as your domain name. This will also allow you to sign in to sites that support [[IndieAuth]] — like this wiki!
 
−
 
 
−
=== Tools ===
 
−
[https://indiewebify.me/ 🔧 Indiewebify.me] provides step-by-step guidance and tools to test & validate your progress. See [[Tools]] for more useful things for building & debugging an IndieWeb site.
 
−
 
 
−
== Add info about yourself ==
 
−
👤 Update your <code>index.html</code> home page to include your basic information in an [[h-card]]. This h-card can be as simple as your name.
 
−
 
 
−
The website https://indiewebify.me/validate-h-card/ has a handy tool to validate your h-card.
 
−
 
 
−
'''Why?''' When you publish content, you can link back to your home page using [[rel-author]] and your authorship information can be retrieved from the h-card.
 
−
 
 
−
'''Advantages:''' While you are not yet publishing content on your own site, at this point you have:
 
−
# Staked your claim on the indieweb
 
−
# Set up an identity that you own and control
 
−
 
 
−
'''Why add my basic contact information in an h-card?'''
 
−
* This helps with providing authorship information for anything you publish and link back to your home page with [[rel-author]].
 
−
 
 
−
These are small but important steps to declaring your independence from content [[silo]]s.
 
−
 
 
−
== Add links to existing social media ==
 
−
✴️ '''Why add links to your social media profiles?'''
 
−
* By linking from your personal site to your existing social media, and having your social media profiles link to your personal site, it sets you up to use your domain as your [[IndieAuth]] identity — to sign into this wiki for example. For more details, see: [[How_to_set_up_web_sign-in_on_your_own_domain|setup web sign-in]].
 
−
 
 
−
'''Advantages:''' while you are not sharing your content on your own site yet,
 
−
* you've staked your claim on the indie web, and
 
−
* setup an identity that you own and control.
 
−
 
 
−
== Publish content on your domain ==
 
−
📰 Using whatever project or CMS you have installed on your server, post something!
 
−
 
 
−
== Add microformats to your content ==
 
−
📑 Add the [[h-entry]] microformat markup to your posts. Many CMSs and themes already support them!
 
−
 
 
−
You can use the '''[https://indiewebify.me/validate-h-entry/ h-entry validator]''' to verify that your recent post has validate your h-entry.
 
−
 
 
−
'''Why?''' This will allow other people's software to easily read and understand your content. This is useful for a variety of things like recognizing [[comments]], [[likes]], [[reposts]], and displaying [[reply-context]]s for your posts.
 
−
 
 
−
== Syndicate Elsewhere ==
 
−
{{main|POSSE}}
 
−
 
 
−
📤 Set up automatic [[syndication-models|syndication]] of your posts so copies of your IndieWeb content can be published (semi-automatically) to your existing social media so your followers there will see your IndieWeb content .
 
−
 
 
−
This practice is called [[POSSE]], short for '''Publish on your Own Site, Syndicate Elsewhere'''.
 
−
 
 
−
By setting up POSSE, you can have your posts pushed to specific social media [[silos]] with a personal [[permalink]] back to the original on your own site.
 
−
 
 
−
'''Why?''' By POSSEing your content to silos, you allow those that read content on those silos to continue seeing what you have to say, while you retain ownership and control of your content on your own site.
 
−
 
 
−
'''Remember:''' Incremental progress is OK and encouraged! POSSE does not have to be totally automatic to be effective. Use a CMS with POSSE support (or POSSE plugin for it), or post on your site and manually sharing to social media (including a link back to the original). This will help you figure out what works for you and what is worth the effort to automate.
 
−
 
 
−
== Share and Join Us ==
 
−
Next steps:
 
−
* Share what you did / discovered in the process of building your IndieWeb site, even if it is only a single page, with a simple design.
 
−
* Ask what you can/should do next in the [[discuss]]ion channels.
 
−
* Check the list of [[events]] and join us at the next [[IndieWebCamp]] or [[Homebrew Website Club]] meetup!
 
−
* Once you can [[IndieAuth]] or log into the wiki, [[wikifying#How_to_Join_the_IndieWeb_Wiki|create your user page]] by wikifying yourself.
 
−
* Document what you've done and add your site and details to the IndieWeb examples section of relevant pages to share what and how you've done it with others.
 
−
 
 
−
== Optional / Bonus Steps ==
 
−
 
 
−
=== Port old silo content to your site ===
 
−
Once you are posting on your own site and [[POSSE]]'ing out content to social silos, port your old silo content to your own site with permalinks on your site. Typically this involves a one-time export and batch import process. Here are some popular social content silos:
 
−
* [[Twitter]]
 
−
* [[Tumblr]]
 
−
* [[Facebook]]
 
−
* ...
 
−
* Also consider sites you use which may be shutting down soon, see: [[site-deaths#Upcoming]]
 
−
 
 
−
=== Set up a personal URL shortener ===
 
−
{{main|permashortlinks}}
 
−
 
 
−
'''Why?''' A personal ''[[short domain]]'' will let you create [[permashortlinks]] which help:
 
−
* Provide shorter URLs you can use on slides or in hand written notes
 
−
* Provide [[discovery|discoverable]] permashortcitations in [[POSSE]]d notes, e.g. on [[Twitter]], which itself enables [[original-post-discovery]].
 
−
* [[POSSE]]ing to [[silos]] that have post length limits, but don't wrap your links, e.g.
 
−
** [[Foursquare]] notes (along with [[checkin]] posts)
 
−
* ...
 
−
 
 
−
'''How?'''
 
−
* For WordPress, install and use the [http://willnorris.com/2011/01/hum-personal-url-shortener-wordpress Hum personal shortener plugin].
 
−
* For others, take a look at porting the existing open source [http://tantek.com/w/Whistle Whistle] algorithmic URL shortener to your system.
 
−
 
 
−
== See Also ==
 
−
* [[IndieMark]] - a way to measure your IndieWeb progress
 
−
 
 
−
[[Category:how]]
 
−
* [https://ietf.org/newcomers.html IETF Getting Started] - as another example, and perhaps source of inspiration for how to keep incrementally improving this 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]]
 
−
 
 
−
----
 
−
== sur le wiki indieweb ==
 
−
 
 
−
[[iwc:Getting_Started-fr]]
 
−
 
 
−
''Cette page a démarré sur [[Getting Started]]''
 
−
 
 
−
'''<dfn>''Démarrez sur l'indieweb</dfn>''' en [[IRC-fr|vous connectant]] avec la communauté indiewebcamp, ayez un [[personal-domain-fr|domaine personnel]], un [[web hosting|lieu pour poser votre contenu]], et réglez votre [[home-fr|page d'accueil]] et autres [[IndieMark-fr|fondamentaux indieweb]].
 
−
 
 
−
Peut-être que vous comprenez [[why-fr|toutes les raisons]] pour lesquelles vous devriez évoluer sur le web indépendant, mais vous n’êtes pas sûr.e de savoir comment vous y prendre.
 
−
 
 
−
Voici quelques étapes simples que vous pouvez suivre pour prendre la route et résider sur l’IndieWeb. Chacune de ces étapes est juste un peu plus stimulante et vous donnera un peu plus d'indépendance.
 
−
 
 
−
 
 
−
== [http://indiewebify.me/ IndieWebify.Me] ==
 
−
Le site [http://indiewebify.me/ http://indiewebify.me/] est un guide en anglais sur la manière de démarrer étape par étape. Il comprend aussi des outils pour tester et valider tout ce qui doit être produit.
 
−
 
 
−
== Connexion et entr'aide ==
 
−
Rejoignez notre canal de discussion pour vous connecter avec d'autres personnes indieweb qui ont une diversité d'expériences :
 
−
* '''[http://indiewebcamp.com/irc/today?beta#bottom rejoignez le chat #indiewebcamp]'''
 
−
** Pour Slack et d'autres alternatives, regardez [[IRC-fr|IRC]]
 
−
'''Pourquoi ?''' Cette étape seule vous aidera rapidement à répondre à toutes vos questions sur les étapes suivantes. Rien d’obligatoire, mais cela accélérera sûrement votre progression.
 
−
 
 
−
== Domaine Personnel ==
 
−
{{main-fr|personal-domain-fr}}
 
−
Vous devrez avoir votre propre domaine personnel pour servir 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 registrars 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. Quelques 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 nom domaines ou transferts peuvent devenir difficiles si vous n'êtes pas listé.e comme le propriétaire légal du domaine.
 
−
 
 
−
Pourquoi ? Toutes les raisons sont listées dans [[why-fr|Pourquoi]]. C'est la première étape-clé pour rejoindre l'indie web.
 
−
 
 
−
== Disposez d'une place pour votre contenu ==
 
−
Vous avez besoin d'un endroit pour votre contenu.
 
−
 
 
−
Le chemin le plus facile, gratuit - mais limité - est d'utiliser un service gratuit comme ce qui est décrit dans [[Transitional Steps-fr|Étapes Transitoires]].
 
−
 
 
−
Dans l'idéal néanmoins, vous devriez disposer de votre propre fournisseur d'hébergement Web.
 
−
 
 
−
== Hébergement Web  ==
 
−
Inscrivez-vous chez un [[web hosting-fr|hébergeur web]]
 
−
* Inscrivez-vous chez un fournisseur d’hébergement web (demandez à vos amis et collègues quels sont les hébergeurs qu’ils utilisent pour leurs sites personnels, jetez aussi un oeil à la [http://lifehacker.com/5911651/five-best-web-hosting-companies liste des 5 meilleurs hébergeurs] de Lifehacker)
 
−
* Paramétrez votre nom de domaine pour qu'il soit servi par votre fournisseur d’hébergement web.
 
−
 
 
−
=== Serveur à la Maison ===
 
−
Vous pouvez aussi auto-héberger sur votre propre serveur. Intéressant pour les passionnés, signalons les [[Small Computers|Petits Ordinateurs]] disponibles qui peuvent être utilisés comme serveurs, parmi lesquels le Raspberry Pi, le Beaglebone Black, l'Intel Galileo, et toute une série d'autres ordinateurs.
 
−
 
 
−
=== GitHub Pages ===
 
−
Pour un hébergement rapide et facile, on peut utiliser [[github-pages-fr|github-pages]] comme première étape pour être en ligne. Ce peut être réalisé rapidement durant par exemple une session d'[[Homebrew Website Club]] en utilisant quelque chose comme le projet [https://github.com/indieweb/blank-gh-site blank-gh-site].
 
−
 
 
−
== Paramétrez votre page personnelle et la connexion web  ==
 
−
{{main-fr|How to set up web sign-in on your own domain-fr}}
 
−
Créez et télévisez 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 produisent bien un lien 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 sont bien liés ensemble correctement.
 
−
 
 
−
'''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 !
 
−
 
 
−
== Configurez vos informations d'auteur ==
 
−
Mettez à jour votre page d'accueil <code>index.html</code> afin d'inclure vos informations de base dans un [[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
 
−
 
 
−
Ce sont de petites mais importantes étapes pour déclarer votre indépendance des [[silo-fr|silo]]s de contenus.
 
−
 
 
−
== Publier du contenu sur votre domaine ==
 
−
Naviguez vers la page [[projects|projets]] indieweb, choisissez-en un, et installez-le.
 
−
 
 
−
Votre web fournisseur d'hébergement peut avoir un panneau de contrôle comme comme [[cPanel-fr|cPanel]] ou [[Fantastico-fr|Fantastico]] qui vous permet de mettre en place un système de gestion de contenu en quelques clics.
 
−
 
 
−
== Ajoutez des microformats à votre contenu ==
 
−
Ajoutez le marquage microformat [[h-entry-fr|h-entry]] à vos posts.
 
−
 
 
−
Le site http://indiewebify.me/validate-h-entry/ dispose d'un outil pratique pour valider votre h-entry.
 
−
 
 
−
'''Pourquoi''' : ceci permettra aux autres personnes de lire et comprendre facilement votre contenu. Ceci est utile pour une quantité de choses comme la reconnaissance des [[comments|commentaires]], [[likes|likes]], [[reposts|reposts]] et l'affichage des [[reply-context|contextes de réponse]] pour vos posts.
 
−
 
 
−
 
 
−
== Postez (sur votre) Propre Site, Distribuez Ailleurs ==
 
−
{{main-fr|POSSE-fr}}
 
−
 
 
−
Configurez les [[syndication-models-fr|syndications]] de manière à ce que les copies de votre contenu IndieWeb soient publiées (semi-automatiquement) vers les silos sociaux. En paramétrant [[POSSE-fr|POSSE]], vous pouvez faire en sorte que vos posts soient poussés vers des [[silos-fr|silos]] spécifiques avec un identifiant [[permalink-fr|permalien]]/permalien-raccourci personnel ou citation qui ramène à l'original sur votre propre site.
 
−
 
 
−
'''Pourquoi''' : en "POSSant" votre contenu vers les [[silos-fr|silos]], vous permettez à ceux qui lisent ce contenu sur ces [[silos-fr|silos]] de continuer à voir 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 OK et encouragé ! Le POSSE n'a pas besoin d'être totalement automatique pour être efficace. S'il n'y a pas de plugin pré-existant sur votre plate-forme, essayez tout simplement de poster sur votre site et de partager ''manuellement'' sur les silos (en ajoutant un lien vers l'original). Cela vous aidera à comprendre ce qui fonctionne pour vous et ce qui vaut la peine d'être automatisé.
 
−
 
 
−
 
 
−
== Partagez et Rejoignez-Nous !==
 
−
Prochaines étapes :
 
−
* Partagez ce que vous avez produit/découvert dans le processus de construction de votre site web indépendant, même si ce n'est qu'une page unique avec un design simple.
 
−
* Demandez ce que vous pouvez/pourriez faire ensuite dans le canal [[irc-fr|IRC]].
 
−
* Regardez la liste des [[events|événements]] et rejoignez-nous au prochain IndieWebCamp ou au meetup  [[Homebrew Website Club]] !
 
−
 
 
−
 
 
−
== Étapes Facultatives / Bonus ==
 
−
 
 
−
=== Portez l'ancien contenu des silos vers votre site ===
 
−
Une fois que vous avez posté sur votre propre site et [[POSSE-fr|POSSÉ]] du contenu sur les silos sociaux, portez votre ancien contenu des silos vers votre propre site avec des percalines sur votre site. Généralement, cela sous-tend un export à faire une seule fois et un processus d'importation en batch. Voici quelques silos sociaux de contenu très populaires :
 
−
* [[Twitter-fr|Twitter]]
 
−
* [[Tumblr-fr|Tumblr]]
 
−
* ...
 
−
 
 
−
=== Réglez votre raccourcisseur personnels d’URLs ===
 
−
{{main-fr|permashortlinks-fr}}
 
−
 
 
−
Facultatif. Réglez votre raccourcisseur personnel d’URL.
 
−
 
 
−
'''Pourquoi ?''' un ''[[short-domain-fr|nom de domaine raccourci]]'' est la clé pour créer des [[permashortlinks-fr|permaliens-raccourcis]] qui aident à :
 
−
* Fournir des perma-citations-raccourcies [[discovery-fr|découvrables]] dans les notes [[POSSE-fr|POSSÉes]]  par exemple sur [[Twitter-fr|Twitter]], qui lui-même permet la [[original-post-discovery-fr|découverte du post original]].
 
−
* [[POSSE-fr|POSSE]]r vers les silos qui ont des limites de longueur de posts, mais n’emballent pas vos liens c'est à dire :
 
−
** Les notes [[Foursquare-fr|Foursquare]] (associées aux posts de [[checkin-fr|checkin]])
 
−
** ...
 
−
 
 
−
Comment ?
 
−
* Pour WordPress, [http://willnorris.com/2011/01/hum-personal-url-shortener-wordpress installez et utilisez l'extension de raccourci URL Hum].
 
−
* Pour les autres, jetez un oeil pour porter l’algorithme existant de raccourci URL open source [http://tantek.com/w/Whistle Whistle] sur votre système.
 
−
 
 
−
 
 
−
== Voir aussi ==
 
−
* [[IndieMark-fr|IndieMark]] - un bon moyen de mesure votre progrès IndieWeb
 
−
 
 
−
[[Category:how]]
 

Version actuelle datée du 21 février 2020 à 16:54

Get started on the indieweb by connecting with the IndieWeb community, getting a personal domain, a place for your content, and setting up your home page and other IndieWeb essentials.

Do the reasons why resonate with you, but you are not sure how to get on the IndieWeb?

You have found the right page!

With each step below, you will gain understanding and more ownership of your online identity & content, steadily making progress with your personal web presence.


Welcome #TwitterMigration folks! For how to migrate from Twitter to the IndieWeb, see:

Videos and Articles

Watch a video or read an article, suitable for all levels:

📺

📰

Would you like to know more? See additional videos and posts about the IndieWeb.

Join The Community

Want to chat with people on the indieweb before jumping in?

Quickly get questions answered and accelerate your progress in all things IndieWeb.

Got something you’re proud of on your personal site?

Join a Homebrew Website Club meetup near you to meet IndieWeb community members in person, ask questions, demo cool stuff on your site, and share your experiences & motivations for getting on the IndieWeb. You may also request consultant services if you like.

Or want to jump right in and deep dive over a weekend with IndieWeb makers?

Feel free to skip ahead and come back to community and help only when you need it.

Get your own site

This is the key to being on and a part of the IndieWeb:

  1. Your own domain
  2. Your own site

That’s it. Everything else is optional awesomeness, you choose.

Here are three paths to setup your site:

  1. Want a convenient place to publish your thoughts?
  2. Comfortable with CMS setup, themes, plugins?
  3. Are you a Web Developer (full stack or otherwise) and live in command lines & code?

Each of those has several options to pick from depending on what you’re looking for:

IndieWeb Services

The easiest way to get on the IndieWeb is with a service that supports the IndieWeb.

Micro.blog

Micro.blog launched with IndieWeb support from day 1 and can be set up very quickly!

Blogger

Blogger is one of the oldest hosted blogging services and can be setup to do a lot of IndieWeb features. It requires more work than Micro.blog, but if you are already on Blogger, take a look!

WordPress.com

WordPress.com is the hosted WordPress service. It too can be setup with some IndieWeb features, but also takes more work, and for some features may require a higher level of paid service.

IndieWeb CMS and Hosting

We have step-by-step tutorials that will get you all the way from an idea for a domain name to a full-fledged Indie Website with a few CMSs. Known or WordPress are the easiest. See the CMS page for more options.

CMS Tutorials

If you want to get started with Known or WordPress and a web hosting service, there are step-by-step Tutorials which will get you all the way from an idea for a domain name to a full-fledged Indie Website, currently on Amazon Web Services and Reclaim Hosting.

Using Known Using Wordpress
On Amazon Web Services

Tutorial: Set up an Indie Website using Known on Amazon Web Services

Tutorial: Set up an Indie Website using WordPress on Amazon Web Services

On Reclaim Hosting

Tutorial: Set up an Indie Website using Known on Reclaim Hosting

Tutorial: Set up an Indie Website using WordPress on Reclaim Hosting (to be written)

In general

Tutorial: Get Started with Known

Tutorial: Get Started on WordPress

  • Do you have tutorials for Known or WordPress for other hosting services? Please feel free to add them or join the IndieWeb chat channels and bring them up!

See also:

There are many more options (domain, software, hosting, etc.) for setting up your Indie Website. Read-on for more choices for each step!

There are numerous additional (mostly open source) IndieWeb CMSs in addition to Known and WordPress:

Comparison Table: Table of IndieWeb CMSs

IndieWeb self-starters

Get a personal domain

Main article: personal-domain

🌐 You need your own personal domain to use as your primary online identity:

  • Get your own personal domain name - Ask a friend or colleague for a recommended domain name registrar (e.g. that they use and like/trust/respect)
  • Domain Privacy - Most domain name registrars will make your personal information publicly available (name, mailing address, phone number, email address). Many registrars offer domain privacy options, so that instead of your personal details the registrar's details will be in the whois directory. Only use domain privacy if you fully trust the provider of the service -- disputes about domain name administration or transfers may get tricky if you are not listed as the legal owner of the domain.

Why? See why. This is the key first step to joining the indieweb, owning a domain name you can use as your primary online identity.

Get a place for your content

📝 Next, you need a place for your content.

Here are three options to choose from depending on your preferences.

GitHub Pages & GitLab Pages

GitHub Pages and GitLab Pages are free and have a web interface for creating & editing. For quick hosting you can use github-pages or gitlab-pages as a first step to get online. No installation needed.

  • GitHub: follow the blank-gh-site instructions to clone it and set it up in your account, or come to a Homebrew Website Club meetup and ask for help. You can be setup to publish in minutes.
  • GitLab: follow the indieweb-template instructions to clone it and set it up in your account.

There are other free but more limited options described in Transitional Steps.

Web Hosting

Web hosting costs a little but provides much more capabilities.

  • Sign up with a web hosting provider (ask friends and colleagues who they use for their personal websites that they're happy with, also see Lifehacker's list of 5 best web hosting companies)
  • Set up your domain name to be served by your web hosting provider

Home Server

Using your own server at home costs more and takes more time to set up — for developers only.

  • You can also self-host on your own server. Interesting to hobbyists are the many Small Computers available that can be used as servers, including Raspberry Pi, Beaglebone Black, Intel Galileo, and a host of other small, low-power computers.

Set up your site

As a community with diverse interests, desires, and levels of technical know-how, there are multiple approaches to setting up a site on the Indieweb.

Simple One Page

📄 All you really need to get started is a simple one page site, which you can setup using the blank-gh-site project.

CMS Guides

📑 If you already know or have a preference for a content management system, see these specific guides for setting them up on your domain.

These two are highly recommended and have dedicated help and support forums, see the projects page for more options.

If your web hosting provider has a control panel like DirectAdmin, cPanel or Fantastico, it may allow have an option to quickly set up a content management system in a few clicks.

Set up your home page

🏡 Create and upload a simple index.html home page with your name, icon, and rel-me links to your social network profiles. Make sure that the profiles link back to your domain.

The website https://indiewebify.me/validate-rel-me/ has a handy tool to validate that your domain name and profiles are linked together correctly.

Why? This ensures that it is easy to see that your profile on the social networks are all the same person as your domain name. This will also allow you to sign in to sites that support IndieAuth — like this wiki!

Tools

🔧 Indiewebify.me provides step-by-step guidance and tools to test & validate your progress. See Tools for more useful things for building & debugging an IndieWeb site.

Add info about yourself

👤 Update your index.html home page to include your basic information in an h-card. This h-card can be as simple as your name.

The website https://indiewebify.me/validate-h-card/ has a handy tool to validate your h-card.

Why? When you publish content, you can link back to your home page using rel-author and your authorship information can be retrieved from the h-card.

Advantages: While you are not yet publishing content on your own site, at this point you have:

  1. Staked your claim on the indieweb
  2. Set up an identity that you own and control

Why add my basic contact information in an h-card?

  • This helps with providing authorship information for anything you publish and link back to your home page with rel-author.

These are small but important steps to declaring your independence from content silos.

Add links to existing social media

✴️ Why add links to your social media profiles?

  • By linking from your personal site to your existing social media, and having your social media profiles link to your personal site, it sets you up to use your domain as your IndieAuth identity — to sign into this wiki for example. For more details, see: setup web sign-in.

Advantages: while you are not sharing your content on your own site yet,

  • you've staked your claim on the indie web, and
  • setup an identity that you own and control.

Publish content on your domain

📰 Using whatever project or CMS you have installed on your server, post something!

Add microformats to your content

📑 Add the h-entry microformat markup to your posts. Many CMSs and themes already support them!

You can use the h-entry validator to verify that your recent post has validate your h-entry.

Why? This will allow other people's software to easily read and understand your content. This is useful for a variety of things like recognizing comments, likes, reposts, and displaying reply-contexts for your posts.

Syndicate Elsewhere

Main article: POSSE

📤 Set up automatic syndication of your posts so copies of your IndieWeb content can be published (semi-automatically) to your existing social media so your followers there will see your IndieWeb content .

This practice is called POSSE, short for Publish on your Own Site, Syndicate Elsewhere.

By setting up POSSE, you can have your posts pushed to specific social media silos with a personal permalink back to the original on your own site.

Why? By POSSEing your content to silos, you allow those that read content on those silos to continue seeing what you have to say, while you retain ownership and control of your content on your own site.

Remember: Incremental progress is OK and encouraged! POSSE does not have to be totally automatic to be effective. Use a CMS with POSSE support (or POSSE plugin for it), or post on your site and manually sharing to social media (including a link back to the original). This will help you figure out what works for you and what is worth the effort to automate.

Share and Join Us

Next steps:

  • Share what you did / discovered in the process of building your IndieWeb site, even if it is only a single page, with a simple design.
  • Ask what you can/should do next in the discussion channels.
  • Check the list of events and join us at the next IndieWebCamp or Homebrew Website Club meetup!
  • Once you can IndieAuth or log into the wiki, create your user page by wikifying yourself.
  • Document what you've done and add your site and details to the IndieWeb examples section of relevant pages to share what and how you've done it with others.

Optional Bonus Steps

Port old silo content to your site

Main article: export#Silos

Once you are posting on your own site and POSSE'ing out content to social silos, port your old silo content to your own site with permalinks on your site. Typically this involves a one-time export and batch import process. Here are some popular social content silos:

See the full list of social media export links at:

Also consider sites you use which may be shutting down soon, see: site-deaths#Upcoming

Set up a personal URL shortener

Main article: permashortlinks

Why? A personal short domain will let you create permashortlinks which help:

How?


See Also


<footer>source iwc:Getting Started</footer>

<footer>


Récupérée de « https://ducamp.me/index.php?title=Getting_Started&oldid=22138 »