Installation et configuration du Plugin Wordpress Jetpack (Stats, CDN, Vitesse, Social, Post par mail, notification des interruptions et plus!)

Le plugin Jetpack est une extension Wordpress Gratuite qui vous offre plusieurs optimisations gratuites pour votre site Wordpress.

Photon est le CDN Wordpress qui permet de charger les photos de vos pages depuis le CDN Wordpress.com ce qui vous va être bénéfique pour optimiser la vitesse de chargement de vos pages, et préserver votre bande passante.

Publicize est une caractéristique aussi remarquable, cette option vous permettra de relier votre blog ou site avec vos pages facebook, twitter, linkedin, Google+, tous les nouveau postes seront automatiquement partagés.

Jetpack vous offre aussi d'envoyer automatiquement chaque nouvel article publié par mail à vos abonnés!

Jetpack vous offre aussi les statistiques relatives au trafic entrant et sortant de votre site (organique, référé, réseaux sociaux, mails etc).

Liste complète des options proposées par Jetpack pour booster votre site

1. Api Json : permet d’autoriser des applications à se connecter à votre site afin d’utiliser son contenu.
2. Abonnements : permet à vos lecteurs de s’abonner à votre site et de recevoir une notification par e-mail à chaque nouvelle publication d’article.
3. Article similaires : affiche un lien au bas de chaque articles pour proposer à vos visiteurs un article similaire parfois nommé « related post ».
4. Authentification unique : vos lecteurs pourront se connecter en utilisant directement les informations de leur compte WordPress.com.
5. Beautiful math : si vous êtes un « matheux » dans l’âme alors cette option est faite pour vous, elle permet de saisir simplement des formules mathématiques complexes grâce au language LaTeX.
6. CSS personnalisé : permet d’apporter votre touche personnelle à votre site en modifiant son CSS.
7. Carrousel : vos visiteurs pourront ouvrir les images de vos articles dans une visionneuse et y laisser un commentaire.
8. Codes de substitutions : facilitent l’intégration, dans une page ou un article, de médias extérieurs à votre site (YouTube, Viméo etc...).
9. Commentaires : permet à vos lecteurs de laisser un commentaire en utilisant leur compte WordPress.com, Twitter, ou Facebook.
10. Distribution Améliorée : informe instantanément les moteurs de recherche de la publication de nouveau contenu provenant de votre site.
11. Défilement Infini : gère le défilement continu ou « Infinite Scroll » si votre thème le permet.
12. Extra Widgets : permet d’ajouter et de configurer les widgets fournis par Jetpack grâce à un simple glisser-déposer dans votre sidebar ou footer.
13. Formulaire de Contact : avec cette option, Jetpack propose la création d'un formulaire de contact personnalisable.
14. Icône de site : cette option fait à présent parti intégrante de WordPress.
15. Liens courts WP.me : il s’agit d’un raccourcisseur d’URL qui permet d’obtenir des « liens courts » pour faciliter le partage sur les réseaux sociaux.
16. Likes : les lecteurs pourront « liker » vos articles en utilisant leur compte WordPress.com.
17. Manage : permet de gérer et de mettre à jour l’ensemble de vos sites auto-hébergés ainsi que vos sites WordPress.com
18. Markdown : permet de rédiger des articles dont le contenu utilise les caractères spéciaux et les signes de ponctuation courants.
19. Monitor : il accède à votre site toutes les 5 minutes afin de détecter les moments d’indisponibilité et de vous en avertir immédiatement.
20. Mosaïque d'images : crée des galeries d’images directement depuis l’éditeur d’article et sous plusieurs formats.
21. Notifications : vous envoie une notification dès qu’il y a du nouveau sur votre site.
22. Omnisearch : trouve les meilleurs résultats parmi vos articles, vos pages, vos commentaires…
23. Orthographe et Grammaire : il s’agit d’un correcteur automatique d’orthographe permettant d’améliorer vos rédactions.
24. Partage : ajoute les icônes de partage vers les différents réseaux sociaux à la fin de vos articles ou de vos pages.
25. Photon : allège votre hébergement en stockant vos images sur le CDN de WordPress.com
26. Protect : identifie et de bloque toute IP malveillante tentant de se connecter à votre site.
27. Publication par E-mail : permet de publier un article en envoyant un simple email.
28. Publicize : partage, directement sur vos divers comptes de réseaux sociaux, tous vos articles fraichement publiés.
29. Services de vérification de votre site : permet d’effectuer des vérifications de votre site grâce à des intervenants externes tels que Google Search Console.
30. Sitemaps : cette fonctionnalité crée un Sitemap qui facilite l'indexation de votre site par les moteurs de recherche.
31. Stats : les Stats de Jetpack proposent des données simplifiées et compréhensibles pour avoir une approche globale du trafic de votre site.
32. Surcartes Gravatar : elles fournissent des informations supplémentaires (nom, biographie, coordonnées…) qu’un simple Gravatar ne fournit pas.
33. Thème pour portables : si votre thème actuel n’est pas « responsive », cette option pourra alors vous être d’un grand secours…
34. Types de contenu personnalisés : cette option permet d’ajouter d’autres types de contenu à votre site (un Portfolio et des Témoignages en plus des Pages et des Articles).
35. VideoPress : ce module, nécessitant une mise à niveau payante, permet d’intégrer des vidéos dans votre site.
36. Widget Visibility : contrôle l’affichage de vos widgets sur chacune de vos pages.
37. Sauvegardes de votre site (VaultPress) : c’est un abonnement mensuel qui permet de sauvegarder en temps réel le contenu de votre site.

Création de site web en Algérie selon les Standards W3C

En Algérie, plusieurs agence spécialisées dans le Design et la conception de sites web font d'excellents Designs, et utilisent des méthodes avancées, mais la majorité entre elles  ne suivent pas les meilleures pratiques proposées par W3C quant à la conception de site internet.

Donc, Même pour les spécialistes du marketing, les normes de conception ne sont pas quelque chose que l'on apporte beaucoup d'attention. Mais pour les vrais concepteurs de sites Web, ils sont critiques.

Les «conventions web standard» sont les normes de conception Web et les meilleures pratiques. Elles forment un ensemble de règles que les concepteurs de sites Web suivent, sachant qu'ils correspondent aux attentes des visiteurs. Ils sont des lignes directrices pour la clarté et la convivialité des pages web..

Voici les recommandations proposées par W3C pour le design et la conception d'un site web. Cliquer ici pour lire l'article.

Comment choisir un nom de domaine sur mesure

Un nom de domaine représente l'image de votre organisation ou entreprise sur le Net. Aujourd'hui avec l'évolution marquée du commerce et son orientation vers le eBusiness nécessite non seulement une bonne présentation (une bonne conception et design de son site internet) mais aussi d'un nom de domaine à la hauteur de l'image de votre établissement.

Comment choisir le nom de domaine idéal

Le TLD (Top Level Domain) 

Il est fortement recommandé de choisir un TLD .com ou .net (meilleure alternative du .com). Si vous ciblez le marché local par exemple en Algérie, le TLD .dz est le meilleur choix, et vous donnera un avantage en termes de référencement local de votre site web.

Le Nom de domaine proprement dit

Il est préférable de choisir un nom de domaine court après avoir brainstormé les idées relatives à votre domaine d'activité, un nom de domaine aussi facile à retenir et à taper, simple et en relation avec les idées (une mixture des mots que vous avez notés).
Rappelez vous aussi que le nom de domaine que vous allez choisir va appraitre dans toutes les URLs que vous allez générer après avoir réalisé votre site web, donc prenez bien le temps nécessaire avant de décider.

Par exemple: idées :  conception, algérie, design, mobile, application, développement
Nom de domaine : globalappdev.dz

Le Responsive Web Design (RWD)

Presque chaque nouveau client ces jours-ci souhaite une version mobile pour son site web. Il est pratiquement indispensable après tout: un design pour le BlackBerry, un autre pour l'iPhone, l'iPad, netbook, Kindle - et toutes les résolutions d'écran que votre site internet doit être compatible afin de ne perdre vos visiteurs, aussi.

Qu'est ce qu'un site internet avec la caractéristique Responsive Design

Le Design Web adaptatif au mobile (Responsive web Design) est une approche du web design qui consiste à la conception et le développement d'un design qui devraient répondre au comportement et à l'environnement de l'utilisateur en fonction de la taille de l'écran, la plate-forme et de l'orientation. La pratique consiste en un mélange de grilles flexibles et les mises en page, des images et une utilisation intelligente des requêtes de médias CSS. Comme l'utilisateur passe de son ordinateur portable au iPad, le site devrait passer automatiquement pour accommoder la résolution, la taille des images et des scripts.

En d'autres termes, le site doit disposer de la technologie pour répondre automatiquement aux préférences de l'utilisateur. Cela permettrait d'éliminer la nécessité d'une conception différente pour chaque résolution ou type d'appreil.

Intégrer le maximum de Potentiel SEO dans le Design de Votre site Web

Plus de 39 éléments clés du design ont été identifiés par les experts de notre Agence (InterDev Consulting Algérie) et qui sont essentiels pour le bon référencement de votre site web par Google.

Les éléments SEO à intégrer lors de la conception de votre site web pour une meilleure visibilité sur le Net

La liste d'éléments a été détaillée dans un article intitulé : Conception d'un site Web avec un Max de Potentiel SEO ; cette list comprend : la structure des URLs, l'emplacement des menus, la taille des images, la vitesse du site, le design adapté aux appareils mobiles,  l'intégration des pages plan de site HTML pour les visiteurs et des sitemaps XML pour les moteurs de recherche etc.

Pourquoi confier la conception de votre site web à une agence SEO telles que IDCALG.com

Une Agence spécialisée SEO procure l'avantage à votre site internet en termes d'optimisation de contenu et de design pour être rapidement indexé et mieux classés sur les premières page de résultats de recherche Google.

IDCALG.com vous offre la conception de votre site web avec l'intégration des éléments du design nécessaires pour un référencement optimal.

Améliorer le SEO de votre site web en créant une page PLAN DU SITE (site...

Conception de sites web algérie IDCAlg.com

Créer et monétiser un blog avec succès

Il ya plus de 200 millions de blogs sur Internet, comment voulez-vous couper à travers le bruit et se démarquer dans la foule?

Un blog de qualité bénéficie d'un excellent contenu, une voix puissante et des informations pertinentes et utiles. Le problème est, en mettant toutes ces pièces ensemble, comprendre comment trouver le bon public, et la monétisation qui n'est pas une tâche facile.

Rejoignez la première société en Algérie de conception et la configuration des sites web dynamiques InterDev Consulting  pour une réalisation complète et professionnelle de votre site web. IDCalg vous aide à apprendre comment trouver votre propre voix et obtenir l'écriture plus confortable pour vous. Vous apprendrez comment développer une stratégie éditoriale forte, d'attirer les bons lecteurs et de rédiger les titres engageantes qui va vous générer du trafic vers votre site. IDCAlg va également explorer quelques-uns des principaux problèmes que rencontrent les blogueurs - du bloc de l'auteur à l'ennui de l'insécurité à propos de ce que vous écrivez - et expliquer comment les surmonter. Le meilleur de tous, IDCAlg va vous apprendre comment gagner du temps et d'avoir du plaisir tout en contribuant à la réussite de votre blog.

Après seulement trois jours avec l'équipe InterDev Consulting à Alger, vous possédez une base parfaite pour une meilleure rédaction et la création d'un puissant, votre blog va certainement générer du trafic.

IDC interconsulting  

Site Web
Itinéraire
Consultant
Adresse : Chevalley, Alger
Téléphone :021 93 89 83

Comment ajouter des données structurées (pagemap) aux résultats de recherche google

Les pages Web sont souvent remplies de texte facile à lire pour l'homme, mais difficile à comprendre  pour les ordinateurs notamment les robots des moteurs de recherche. Beaucoup de sociétés de conception de sites web ne prennent pas en compte cette fonctionnalité assez intéressente potentiellement susceptible d’accroître les conversions vers votre site depuis la page de recherche google par exemple même si vous n'êtes pas dans les premières positions.

InterDev Consulting fournit la fonctionnalité pagemaps sur toutes les pages de votre site web.

 Certaines pages Web disposent d'informations avec une structure spécifiée ce qui est facile à lire, comme une date de page intégrée dans l'URL ou le titre de la page, ou champs lisibles par machine embarqués dans le code HTML. Google extrait une variété de données structurées à partir de pages Web. Cette page décrit les extraits structurés types de données de Google qui sont disponibles pour une utilisation dans Snippets personnalisées et la recherche structurée.

Utilisation des PageMaps avec google

Une PageMap est un format de données structurées qui fournit à Google des informations sur les données sur une page. Il permet créateurs du site Web d'intégrer les données et les notes dans les pages web. Bien que les données structurées ne soient pas visibles à vos utilisateurs ou Google Web Search, Custom Search reconnaît lors de l'indexation de vos pages Web et retourne directement dans les résultats de XML ou en format JSON dans l'élément Custom Search.

Contrairement aux autres formats de données structurées, PageMaps ne vous oblige pas à suivre des propriétés ou des conditions standard, ou même se référer à un vocabulaire, un schéma ou un modèle existant. Vous pouvez simplement créer des valeurs d'attributs personnalisés qui font sens pour votre site web. Contrairement aux attributs de données structurées, des microformats et RDFa, microdonnées qui sont ajoutés autour du contenu visible par l'utilisateur dans le corps de l'HTML, PageMaps métadonnées est inclus dans la section de tête de la page HTML. Cette méthode prend en charge des données arbitraires qui peuvent être nécessaires à votre demande, mais que vous pourriez ne pas vouloir afficher aux utilisateurs. (Si vous ne voulez pas d'informations PageMap retourné dans votre XML, vous pouvez le garder privé en utilisant une clé d'accès.)

Créer sa PageMap

Voici un petit exemple pour créer une PageMap sur Le site Badminton

<html>
  <head>
   ...
  <!--
  <PageMap>
     <DataObject type="document">
        <Attribute name="title">The Biomechanics of a Badminton
        Smash</Attribute>
        <Attribute name="author">Avelino T. Lim</Attribute>
        <Attribute name="description">The smash is the most
        explosive and aggressive stroke in Badminton. Elite athletes can
        generate shuttlecock velocities of up to 370 km/h. To perform the
        stroke, one must understand the biomechanics involved, from the body
        positioning to the wrist flexion. </Attribute>
        <Attribute name="page_count">25</Attribute>
        <Attribute name="rating">4.5</Attribute>
        <Attribute name="last_update">05/05/2009</Attribute>
     </DataObject>
     <DataObject type="thumbnail">
        <Attribute name="src" value="http://www.example.com/papers/sic.png" />
        <Attribute name="width" value="627" />
        <Attribute name="height" value="167" />
     </DataObject>
  </PageMap>
  -->
  </head>
   ...</html>

Inter Dev Consulting (IDC) Présentation

Yoctobe dzair html grabber presentation

Yoctobe dzair html grabber est un Plugin wordpress de téléchargement automatique de contenu html  depuis des pages externes, vous pouvez aussi télécharger des images, du son et des vidéos des documents etc.

Dzair HTML Grabber fonctionne 100% de façon autonome. Les tâches de téléchargement sont planifiables et elles sont exécutées par le Cron Wordpress (au cas ou le site est hébergé dans un serveur dont l'option Cron est désactivée - Le cas des plans d'hébergement partagés).

L'ensemble des tâches programmées sont organisées par heure d'exécution dans le calendrier 'jobs', le programme vérifie périodiquement (à chaque minute, heure, jour, etc) le calendrier Jobs, et exécute chaque tâche individuellement, et publie le résultat de cette dernière action dans le journal de tâches exécutées avant de passer à la tâche suivante.

Quel type de contenu Dzair HTML Grabber est capable de le télécharger

Dzair HTML grabber est capable de télécharger n'importe quel type de contenu, html, images, son, vidéos, documents ..etc.

Le premier type de contenu (html) est géré dans le cas d'un simple post comme contenu du poste (post content) par wordpress, Les autres types sont gérés en tant qu'attachements.

La classe 'Post' sur wordpress est la classe parente de tous les autres types que ce soit standard ou personalisés à savoir : page, item, recipe, book, download, event, ad ..etc.

Bien évidemment n'importe quel programmeur wordpress peut générer autant qu'il veut des types sur cette magnifique plateforme et contrôler les détails d'affichage de ces objets.

Exemple de types dérivés du post

Recette, les données (temps de préparation, ingrédients (en bas - n'apparaissent pas dans cette image), nombre de personnes, degré de difficulté etc, ont été téléchargées depuis des endroits différents (pages différentes) puis filtrées puis réorganisées et publiées sous le type Recipe.

Une grande flexibilité

Vous pouvez construire n'importe quel type de site, qui pourrait contenir une variété infinie de contenu, vous pouvez automatiser la publication d'articles sur un magazine, de posts sur un blog, d'objets sur un site de ecommerce avec une grande flexibilité de paramétrage qui vous donne 100% le contrôle de l'apparence de vos objets publiés quelque soit leur source.

Vous pouvez créer un site de milliers d'ebooks, un site pour les nouvelles séries de cinéma, nouveaux films, nouveau jeux, voitures etc.

Programmer le téléchargement quotidien d'un objet simple ou complexe

J'entends dire par "complexe" un objet dont le contenu nécessite le téléchargement de plusieurs éléments supplémentaires, par exemple date de début d'un évènnement, commentaires, prix, durée, heure, etc. C'est le système de taxonomies de wordpress qui gère tout ça.

Label : la catégorie (wordpress) dont les objets téléchargés vont être regroupés

URL : la page (page d'accueil, résultats de recherche, section de blog ...etc) depuis laquelle Yoctobe Dzair HTML Grabber va parser les URLS de plusieurs objets à télécharger à la fois.

MAX_POSTS : le nombre maximal d'URLS parsées à chaque lancement de l'opération de téléchargement.

Language : Langue du contenu de l'objet à télécharger (important pour les sites multilingues)

Single Post URL : ce paramètre indique l'adresse html de l'url à parser, le prgoramme parsera un nombre égale à MAX_POST d'objets qui ont la même adresse.

Dans ce cas si vous mettez MAX_POSTS = 4, le programme téléchargera 4 pages de la même façon dont les URLS se situent sur cette page.

Les paramètres que j'ai entrés sont les suivants 

.list_item h3+0

L'espace " " indique que h3 est l'enfant de la classe .list_item et que cette dernière est le parent de h3

Le "+" indique que la position de l'anchor "a" est le premier enfant de h3. Si par contre "a" est le deuxième enfant de h3 l'expression sera plutôt : .list_item h3+1 et ainsi de suite.

Si vous souhaitez télécharger par exemple des éléments supplémentaire depuis cette page appelée (FEED PAGE) vous allez devoir ajouter quelques paramètres.

Dans cet exemple, je souhaite récupérer le nombre de commentaires avant d'ouvrir la page qui est la destination du lien (bien sur cette opération est répétée MAX_POSTS fois).

.list_item h3+0&dom::ext::_EXE=>.post-meta+0

L'opérateur "&" indique que je souhaite récupérer d'autres éléments avant de passer à la seconde page.

dom::ext::_EXE=>.post-meta+0

1) dom:

dom : indique que je vais passer une adresse html du dom à télécharger dans notre cas .post-meta+0 (même principe que url)

txt:  indique que je vais passer directement du texte : par exemple : 320 commentaires!

2) ext :

ext :  indique que je souhaite traiter les donner téléchargées ultérieurement par une fonction spécifique.

cat : indique que je souhaite traiter les donner téléchargées en tant qu'objet "category wordpress". Noter bien que cela ne veut pas dire explicitement catégorie au sens du mot mais une large variété de taxonomies wordpress qu'on verra par la suite.

met: indique que je souhaite traiter les donner téléchargées en tant que méta wordpress

3) _EXE

c'est le nom propre de votre catégorie ou votre méta téléchargée.

4) L'opérateur => : indique la valeur de l'adresse du dom à parser ou la valeur du texte à sauvegarder.

Post Credits

Single post title : indique l'adresse html vers le conteneur du titre de l'article dans la page parcourue.

Exemple : 

#contents h2+0

Le titre est situé dans h2 qui est le premier enfant du div avec ID = content.

Single post featured image : le même principe pour la photo du post : exemple .post_content img+0.

On arrive maintenant à content : c'est le contenu de l'objet à télécharger et les éléments supplémentaires :

exemple: 

.hotelDetail_02+0&dom::cat::tribe_events_cat=>.box_one h2+0&txt::met::_EventOrigin=>events-calendar&txt::met::_EventShowMapLink=>1&txt::met::_EventShowMap=>1&txt::met::_EventCurrencySymbol=> USD &txt::met::_EventCurrencyPosition=>prefix&dom::met::_EventURL=>.agenda_con h2 a+0&txt::met::_EventAllDay=>yes&dom::ext::_dates=>.hotelDetail_01 h6+0,.hotelDetail_01 h6+1

Je souhaite par cette expression télécharger (en rouge) la description d'un évènnement (texte principal) puis ajouter des propriétés : tribe_events_cat : catégorie de l'évènnement, La date de début et de la fin (traitement ultérieur par une fonction) dom::ext::_dates=>.hotelDetail_01 h6+0,.hotelDetail_01 h6+1 (voir paramétrage avancé)

Le résultat :

Et bien sur quand je clique sur le lien de l'évènnement :

Filters: si vous souhaitez supprimer des publicités ou des photos ou des éléments particulier du contenu du post vous pouvez ajouter des filtres :

Les filtres sont séparés par "+"

<div class="sd-content"(.*?)</div>+<h3 class="sd-title"(.*?)</h3>+<h3 class="jp-relatedposts-headline"(.*?)</h3>+<h3>Commentaires(.*?)</h3>+<div class="jp-relatedposts-post(.*?)</div><div class="(.*?)</div>

Dans cet exemple, si vous souhaitez supprimer l'élément div qui a une classe avec une valeur de "sd-content", ajouter ce filtre : <div class="sd-content"(.*?)</div>
Le programme supprimera toutes les occurrences de cette expression.

Optionnel :

Auteur : Exemple : a[itemprop=author]+0
Excerpts : .post_content p+0

Type : le type de l'objet à publier ou à sauvegarder comme brouillon, exemple : post, event, item etc.
Scheduled : si la valeur est égale à "ANY" le programme va parcourir les urls programmer chaque heure, par contre, si la valeur est comprise entre 0 et 23, le programme ne parcourera les urls programmées qu'a cette heure.

Enfin si vous souaitez que l'objet soit directement publié, la valeur de "published" doit être true, dans le cas contraire, false.

Paramètres du site

Si vous souhaitez forcer le programme à exécuter toutes les tâches programmées cliquez sur "Run Tasks now":

Création et configuration d'un site web de qualité en Algérie IDCAlg

La création d'un site web est devenue une classique pour toutes personnes ou entreprises qui souhaitent élargir leur audiance sur le web.

Avant de commencer de se soucier des couleurs ou même du nom de domaine, vous devez décider quelle plate-forme, vous allez construire votre site web avec.

Les CMS

Parlant des plateformes, il est nécessaire de connaitre les système de gestion de contenu ou SGC (content management system ou CMS en anglais), en fait, il s'agit d'une famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web ou d'applications multimédia. Ils partagent les fonctionnalités suivantes :

• ils fournissent une chaîne de publication (workflow) offrant par exemple la possibilité de mettre en ligne le contenu des documents ;
• ils permettent à plusieurs utilisateurs de travailler sur un même document ;
• ils permettent de structurer le contenu (utilisation de FAQ, de documents, de blogs, de forums de discussion, etc.) ;

Les principaux CMS

• MediaWiki est un moteur de wiki
• Textpattern est un CMS Open Source en PHP
• eZ Publish est un CMS Open Source en PHP
• WordPress est un moteur de blog
• LocomotiveCMS est un CMS Rails open source
• Dotclear est un moteur de blog
• Magento est un moteur de boutique en ligne
• Magnolia est un CMS OpenSource Java
• Joomla! est un moteur de portails
• Drupal est un moteur de portails
• Concrete5 est un moteur de portails
• Xoops est un moteur de portails
• Spip est un CMS à templates
• fluxBB est un moteur de forum
• phpBB est un moteur de forum
• SMF est un moteur de forum
• Prestashop est un moteur de boutique en ligne
• DotNetNuke / DNN est un CMS libre de droits sur la plateforme Microsoft .Net
• Finwe est un moteur de blog
• Rubedo est un CMS open source multi-sites
• TYPO3 est un CMS Open Source en PHP

Avantages Chez IDCAlg.com

idcalg vous propose un plan flexible de réalisation de votre site web sur mesure, avec des révisions non limitées. Vous pouvez ajouter un nombre infini de pages et de paramètres jusqu'à obtenir un résultat satisfaisant.