Charte éditoriale de BlogoSquare

Table des matières

Règles de rédaction

Avant la rédaction de votre article
Vérifiez que l’article n’a pas déjà été publié sur le site :

  • Faites une recherche sur le site.
  • Vérifiez les articles planifiés. Consultez la section « Les articles planifiés » pour plus d’informations.

À ne pas faire

  1. Les rumeurs ne sont pas acceptées. Toutes les informations que vous publierez doivent provenir d’une source officielle seulement.
  2. Merci de ne pas faire du copier-coller/paraphrase que ce soit d’un article sur un autre site, ou de la description d’une application sur la page de téléchargement.
  3. Votre article ne doit pas concerner une information illégale. Ex : l’installation ou l’utilisation d’une application crackée.
  4. Vous ne devez pas inclure des informations personnelles autre que votre avis dans vos articles. Ex d’information à ne pas inclure : Raconter en détail une situation personnelle(ex : détails de vos vacances) où vous avez utilisé une application.

Avant la publication de votre article

  1. Votre article doit faire minimum 150 mots et doit directement introduire le sujet. N’utilisez pas des formules comme “Bonjour, je vous présente aujourd’hui ….”, etc.
  2. Ajoutez la balise “more” après le 1er paragraphe pour n’afficher qu’un aperçu de votre article sur la page d’accueil. Toute image dans votre article doit se trouver après la balise “more”. Cliquez sur le bouton “more” pour insérer la balise “more” :
  3. Vérifiez que vous avez bien ajouté des mots-clefs et des catégories à votre article.
  4. Vérifiez que le SEO Score est bien jaune ou vert. Consultez la section « SEO Score : comment, pourquoi » pour avoir plus d’informations. S’il ne devient pas jaune ou vert, contactez-moi à l’adresse [email protected]
  5. Vérifiez que la méta description(partie WordPress SEO par Yoast en-dessous l’article) contient minimum 125 caractères.
  6. Vérifiez que votre article contient au moins une image centrée et optimisée. Consultez la section « Images dans vos articles » pour obtenir plus d’informations.
  7. Merci de vous relire pour relever toutes les fautes d’orthographe ou d’inattention. Vous pouvez utiliser un correcteur d’orthographe pour vérifier que votre article ne contient aucune erreur.

Source de l’information
Citez la source d’une information seulement si elle est à caractère polémique pour que le visiteur puisse vérifier l’annonce officielle de l’information. Le lien doit diriger le visiteur vers l’information en question(article, image, vidéo, etc..) et non vers l’accueil du site qui héberge l’information.

Les articles planifiés
Les articles planifiés sont considérés comme étant publiés. Donc si vous publiez le même article qu’un article qui a déjà été planifié, vous devrez retirer le vôtre même si vous l’avez publié avant la date à laquelle l’autre article a été planifié. En vous connectant sur votre compte Auteur, cliquez sur Tous les Articles > Planifié :

Merci de ne pas planifier des articles le même jour. Par exemple : vous avez terminé la rédaction d’un article le 10 octobre 2011 à 10h et vous planifiez votre article pour le 10 octobre 2011 à 17h.

En cas de conflit au niveau de la planification : la première personne qui a commencé à rédiger son article pourra garder son article. Par rédiger, comprenez que l’article doit avoir du contenu. Si vous n’avez fait que mettre un titre à un article vide, cela ne comptera pas.

L’information qui sera utilisée pour faire ces comparaisons est disponible dans la partie Révisions au bas de l’article. Cette partie s’affiche quand vous sauvegardez votre article :



Les doublons
Un article est considéré comme doublon quand un autre article du même type ayant le même contenu a déjà été publié.
– Deux articles d’actualité parlent de la sortie de l’iOS 5.0.1. Les deux articles sont considérés comme des doublons. L’article qui a été publié le premier sur le site sera conservé et l’autre devra être retiré par son auteur.
– Un article parle d’une fonctionnalité et un autre parle de l’installation et de l’utilisation d’une application permettant d’activer/d’utiliser cette fonctionnalité. Les deux articles ne sont pas considérés comme des doublons.
– Un article parle de la sortie d’une application et un autre est un test de cette application. Les deux articles ne sont pas considérés comme des doublons.

Images dans vos articles

Vous devez obligatoirement :

  • Inclure au moins une image dans votre article.
  • Centrer chaque image.
  • Optimiser chaque image en réduisant la taille à moins de 590px de large avant de l’uploader sur le site.
Merci de vérifier qu’aucune information personnelle ne figure sur vos captures d’écran. Ex : code IMEI, numéro de téléphone personnel, informations de vos contacts, etc.

Ne faites pas de lien vers une image qui se trouve dans un article sur un autre site.

Pour ajouter une image dans votre article, vous devez la sauvegarder sur votre ordinateur, puis l’optimiser avant de l’uploader sur le site. Vous ne devez pas héberger les images utilisées dans votre article sur des sites d’hébergements du type imageshack.us, 2imgs.com, tinypic.com, etc. Toutes les images utilisées doivent obligatoirement être hébergées sur le site seulement.

Vous pouvez utiliser ces logiciels gratuits pour optimiser votre image :

Ex : Optimiser une image avec Shrink O’Matic
Dans la partie Output size dans Shrink-O-Matic, utilisez le slider Ratio pour obtenir une image de moins de 590px de large. Par exemple, si votre image fait 1200px de large, positionnez le slider Ratio à 50% :

Si vous ajoutez une capture d’écran provenant de votre iPhone dans votre article, réduisez la taille à 320×480 :

Pour afficher deux captures d’écran provenant de votre iPhone côte à côte, uploadez les deux captures d’écran sur le site, puis utilisez la méthode suivante :


ce qui donnera :

Ajouter une vidéo Youtube

Important : Préférez toujours une vidéo hébergée sur notre compte Youtube, pour toujours optimiser notre exposition.

<center>
<div class="flex-video">
<iframe width="560" height="315" src="Lien_à_copier_dans_Partager_>_Intégrer_sur_Youtube" frameborder="0" allowfullscreen></iframe>
</div>
</center>

Aperçu :

Système SEO : Pourquoi, comment.

Lorsque vous rédigez un article, il est évident qu’il faut que celui-ci soit référencé au mieux sur les moteurs de recherche (comme Google). Pour ce faire, vous disposez d’un système nommé « WordPress SEO par Yoast » qui permet d’optimiser au mieux l’article pour que celui-ci remplisse un maximum de conditions demandées par les moteurs de recherche. Il est donc impératif de l’utiliser et de remplir toutes ces conditions pour que le cercle SEO, qui représente le SEO Score soit jaune ou vert :

wp-seo-4

Le système « WordPress SEO par Yoast » se présente sous la forme d’un encadré en-dessous de l’article. Vous disposez de plusieurs onglets : Général, Analyse de page, etc…

wp-seo-1

Après la rédaction de votre article, cliquez sur l’onglet « Général » et entrez un mot-clef principal, qui sera le mot qui revient le plus souvent dans votre article. Par exemple, il correspond le plus souvent au nom de l’application sur un article présentant une application.

Sauvegardez votre article et rendez-vous sur l’onglet « Analyse de page » pour voir les modifications à apporter à l’article pour qu’il soit optimisé.

wp-seo-3

Par exemple, il faudra mettre votre mot clef dans le titre, en première position, dans l’url de l’article, dans la meta description en bas de la page de rédaction, aux différents formats proposés (h1, h2, h3, etc…), en souligné, en gras, etc…(certaines balises comme download-cydia sont arrangées pour que certaines conditions soient directement remplies).

La méta description(onglet Général) doit obligatoirement contenir minimum 125 caractères.

Le SEO Score de votre article doit être jaune ou vert pour être accepté. Si vous n’y arrivez pas, contactez-moi à l’adresse [email protected]

Styles et classes

Voici la liste des balises et code html utilisables dans les articles de BlogoSquare.com. A chaque fois, il vous suffit de passer en mode HTML, de copier-coller le code dans votre article et de modifier simplement les informations nécessaires.

Vous pouvez retrouver d’autres styles et classes sur le site de Bootstrap, framework qu’on a utilisé pour développer le thème de BlogoSquare.

Applications, tweaks, thèmes Cydia

– Bulle regroupant les informations

<ul class="infobulle">
<h3 class="headingbulle">MountainCenter</h3>
<span class="titrebulle">Version : </span>1.0 - Version initiale.
<span class="titrebulle">Date : </span>1 Juin 2012.
<span class="titrebulle">Compatibilité : </span>Non communiquée.
<span class="titrebulle">Source : </span><a href="http://modmyi.com/" target="_blank">ModMyi.com</a>.
<span class="titrebulle">Prix : </span>Gratuit.
</ul>

Aperçu :

    MountainCenter

    Version : 1.0 – Version initiale.
    Date : 1 Juin 2012.
    Compatibilité : Non communiquée.
    Source : ModMyi.com.
    Prix : Gratuit.

– Lien de téléchargement (utilisable uniquement sur les appareils iOS)

<div class="downloadcydia"> <h2>Téléchargez (gratuitement) le tweak/app/thème <a href="cydia://packages/ID_du paquet_sur Cydia">ReflectAll</a> sur Cydia sur la source ModMyi.com</h2> </div>

Aperçu :

Téléchargez (gratuitement) le tweak/app/thème ReflectAll sur Cydia sur la source ModMyi.com

Applications AppStore

Quand vous publiez un article sur une application iPhone, iPad ou mac disponible sur l’App Store, vous devez obligatoirement procéder comme suit :

Utilisez [app idApp] dans votre article où idApp est l’id de l’application en question. Par exemple, pour l’application Google Maps vous mettrez [app 585027354] dans votre article, ce qui insérera automatiquement le lien ainsi que le nom de l’application en question :

idApp

– Lien de téléchargement iPhone

<div class="downloadapp-iphone">
<h2>Téléchargez gratuitement l'application [app 585027354] sur l'AppStore</h2>
</div>

Aperçu :

Téléchargez gratuitement l’application [app 585027354] sur l’AppStore

– Lien de téléchargement iPad

<div class="downloadapp-ipad"><h2>Téléchargez gratuitement l'application [app 585027354] sur l'AppStore</h2></div>

Aperçu :

Téléchargez gratuitement l’application [app 585027354] sur l’AppStore

– Bulle regroupant les informations

<ul class="infobulle">
<h3 class="headingbulle"><u>Application</u></h3>
<span class="titrebulle">Editeur : </span>BlogoSquare.
<span class="titrebulle">Version : </span>1.0.
<span class="titrebulle">Mise en ligne / Sortie : </span>21 Juin 2012.
<span class="titrebulle">Compatibilité : </span>Non communiquée.
<span class="titrebulle">Prix : </span>Gratuit.
</ul>

Aperçu :

Lien vers un fichier ou autre téléchargement

Quand vous donnez le lien pour télécharger un fichier, donnez le lien vers la page qui héberge le fichier sur le site de l’auteur et non le lien pour télécharger directement le fichier. Cela évitera d’avoir des liens morts si l’auteur met à jour le lien de téléchargement.

Par exemple, pour donner le lien de téléchargement de l’application Noisy Typer, n’utilisez pas ce lien :

http://theo.tw/noisy/NoisyTyperProject.zip

Utilisez à la place le lien qui renvoie vers la page de téléchargement du fichier sur le site de l’auteur :

http://fffff.at/noisy-typer-a-typewriter-for-your-laptop/

Si le fichier est mis à disposition sous licence open-source, n’hésitez pas à nous contacter pour qu’on puisse l’héberger dans notre section Téléchargement, ce qui évitera tout problème de lien mort.

Voici le code à utiliser quand vous donnez le lien de téléchargement d’un fichier :

<div class="download">
<h2>Téléchargez <a href="lien_du_fichier">PwnageTool 5.1.1</a></h2>
</div>

Aperçu :

Téléchargez PwnageTool 5.1.1

Test de jeux (AppStore, Cydia, Playstation, Xbox, Mac ou PC)

– Bulle d’information avec notation

Important : Pour que la balise de notation fonctionne, supprimez simplement le « -«  placé devant le « ratings ».

<ul class="infobulle">
<h3 class="titrebulle"><strong>BlogoSquare</strong></h3>
<span class="titrebulle">Version (si dispo) : </span>1.0.
<span class="titrebulle">Sortie française (Démo) : </span>09 Mai 2012.
<span class="titrebulle">Sortie française (Jeu) : </span>29 Mai 2012.
<span class="titrebulle">Editeur : </span>BlogoSquare.
<span class="titrebulle">Développeur : </span>BlogoSquare.
<span class="titrebulle">Taille Démo/jeux : </span>Mo.
<span class="titrebulle">Prix : </span>2,99 €.
<hr />
<span class="titrebulle">Noter le jeu</span>: <br />[-ratings]
</ul>

Aperçu :

– Présentation

<span class="test_presentation">Présentation :</span>

Aperçu :

– Jouabilité

<span class="test_jouabilite">Jouabilité :</span>

Aperçu :

– Graphismes

<span class="test_graphisme">Jouabilité :</span>

Aperçu :

– Bande Son

<span class="test_audio">Bande Son :</span>

Aperçu :

– Durée de vie

<span class="test_duree_de_vie">Durée de vie :</span>

Aperçu :

 

Insérer un slider avec plusieurs images

Important : Il est possible de mettre autant d’images que vous voulez mais :
– Il faut que celles-ci soient toutes de la même taille pour une meilleure présentation.
– Mettez toujours un fond blanc pour éviter de voir les images précédentes lors du changement d’image.
– On note le premier slider dans une page myCarousel1, le deuxième myCarousel2, etc. Quand vous insérez un slider, vous devrez changer à trois endroits(la partie en gras) le nombre dans le code ci-dessous.

Code :

<div id="myCarousel1" class="carousel slide">
<div class="carousel-inner">
<div class="active item"><img src="https://blogosquare.com/wp-content/uploads/2012/03/Warhammer-1.png" alt="" /></div>
<div class="item"><img src="https://blogosquare.com/wp-content/uploads/2012/03/Warhammer-2.png" alt="" /></div>
<div class="item"><img src="https://blogosquare.com/wp-content/uploads/2012/03/Warhammer-3.png" alt="" /></div>
<div class="item"><img src="https://blogosquare.com/wp-content/uploads/2012/03/Warhammer-4.png" alt="" /></div>
<div class="item"><img src="https://blogosquare.com/wp-content/uploads/2012/03/Warhammer-5.png" alt="" /></div>
</div><a class="carousel-control left" href="#myCarousel1" data-slide="prev">&lsaquo;</a><a class="carousel-control right" href="#myCarousel1" data-slide="next">&rsaquo;</a>
</div>

Aperçu :

Insérer un lien vers un paragraphe de l’article
Vous pouvez voir des exemples à chaque lien des catégories en début d’article.

– Le lien qui envoi vers le paragraphe :

<a href="#ID_Div">Nom du lien</a>

– Balise à mettre juste avant votre paragraphe :

<div id="ID_Div"></div>

 

Fichiers utiles (psd d’iPhones, d’iPads, etc…)

– iPhone

Important : Les captures doivent être en 640px par 960px (écran rétina) pour être intégrées dans les psd d’iPhone.
Astuce : Vous pouvez ensuite les redimensionner en 350px x 656px. Il suffira simplement d’ajuster la taille à 70% pour afficher deux iPhones côte à côte sur l’article.

– Vertical
– Horizontal
– Vertical / Incliné

– iPad

Important : Les captures doivent être en 780px par 1040px pour être intégrées dans les psd d’iPad.

– Vertical
– Horizontal

– Mac

Important : Les captures doivent être en 640px par 1110px pour être intégrées dans les psd Mac.

– Ecran Mac

– TV (XBOX, PS3, etc…)

Important : Les captures doivent être en 1100px par 1900px pour être intégrées dans les psd TV.

– Ecran TV