Non classé

BONNES PRATIQUES SEO

Bonnes pratiques seo

I – La construction des urls:

Tout d’abord, les urls ne doivent en aucun cas contenir des caractères spéciaux. Seuls les chiffres et les lettres, traits d’union et underscore peuvent être utilisés pour construire un chemin vers une page.

D’autre part, les urls doivent autant que possible refléter l’arborescence réelle du site. S’il on enlève la dernière partie d’une url, on est censé tomber dans la page de niveau supérieur qui la contient.

Le nommage des éléments du chemin doivent être les plus succincts possibles, et ne contenir que les éléments essentiels.

II – Les protocoles:

Bien que cela ne fasse pas tout, le protocole préféré des moteurs de recherche reste le https, qui accorde un léger bonus de référencement.

III – Le sitemap:

C’est un élément très important pour le référencement. Le sitemap est un fichier XML qui détaille toutes les urls accessibles du site. Il est recherché par défaut par tout robot qui parcourt le site. En voici un modèle:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    <url>
        <loc>http://monsite.com/blog</loc>
        <lastmod>2016-11-10</lastmod>
        <changefreq>daily</changefreq>
        <priority>1</priority>
    </url>
</urlset>

Concernant les valeurs à donner aux attributs « changefreq » et « priority », je vous renvoie vers la ressource suivante, plutôt bien faite: http://robots-txt.com/sitemaps/.

Ce fichier doit être accessible à la racine de votre site, sous le nom de « sitemap.xml ». Autrement dit pour continuer sur notre exemple : http://monsite.com/sitemap.xml.

Cette simple accessibilité ne suffit pas. Il faut aussi mentionner le sitemap au sein du fichier robot.txt, lui aussi accessible à la racine du site:

# robot.txt
Sitemap: http://monsite.com/sitemap.xml

IV – La construction des pages :

A – Eléments de la balise <HEAD>:

Chaque page doit disposer d’un certain nombre de balises uniques dans la balise <HEAD>. Lorsque l’on parle d’unicité, ce n’est pas qu’au sein de la page. La valeur de ces balises doit être unique vis-à-vis des valeurs des balises présentes sur les autres pages.
1. La balise canonical:

Cette balise contient l’url canonique de la page consultée. Elle sert à dire à un robot quelle url indexer pour une ressource donnée. Elle se présente sous cette forme :

<link rel="canonical" href="http://monsite.com/blog">

2. La balise <title>:

La balise title est un classique. Mais la construction n’est pas toujours aussi régulière qu’elle devrait l’être.

La rédaction du titre doit être dans le sens inverse de la construction de l’url.

Le titre de la resource doit apparaitre en premier, puis celui de la rubrique qui la contient et en dernier le nom de la source, le tout séparé par des traits d’union :

<title>My super unique resource title - My owning resource - My site title</title>

Que l’on peut accompagner de son équivalent meta:

<meta content="My super unique resource title - My owning resource - My site title" name="title" property="title">

Cette règle de construction n’est pas là sans raison, Google n’affiche dans les résultats de recherche que les 50 à 60 premiers caractères du titre d’une page. Il est donc logique d’afficher la partie spécifique à la page en premier, et les parties les moins spécifiques ensuite.

3. Les balises meta:

a. La balise « charset »:

Cette balise indique l’encodage à appliquer au contenu de la page. Le français étant une langue contenant de nombreux caractères à accents, il est très important de mentionner que l’encodage est en UTF-8:

<meta charset="utf-8">

b.  La balise « language »:

Cette balise indique la langue utilisée dans la page consultée:

<meta content="fr" name="language" property="language">

c. La balise « robot »:

Cette balise indique au robot s’il dpoit indexer ou non le contenu:

<meta content="index, follow" name="robots" property="robots">

d. La balise « description »:

Cette balise donne la description de la page. Elle doit contenir les éléments essentiels de la page consultée. En voici un exemple:

<meta content="This is the blog of my website. It contains articles about new technology." name="description" property="description">

B – Eléments du <BODY>:

1. La construction de la page:

Une bonne utilisation des balises pour construire les pages est valorisée par les moteurs de recherche. Les balises les plus importantes étant notamment les balises <nav>, <main>, <section>, <article>, <aside> et <footer>. D’autre part, l’utilisation de l’attribut « alt » des images d’une page améliore sensiblement son référencement.
2. Les h1 uniques:

Toutes les pages doivent contenir une et une seule balise h1, unique, reproduisant ou non le contenu de la balise title. Cette balise n’est pas obligatoirement celle qui apparait en premier. Une balise h1 peut donc tout à fait être ajoutée après une balise h2.
3. Les éléments cachés:

La nouvelle politique de Google à venir d’ici 2017 sera de ne plus prendre en compte les élements cachés sur une page. Peu importe d’ailleurs que la disparition des éléments surviennent après le chargement de la page grâce au javascript. Seront écartés: le éléments cachés grâce à la propriété display:none, visibility:hidden, opacity:0, ou encore font-size:0, voir même de mettre le texte avec une couleur identique au fond. Google a pensé à tout.

Ce que cela implique, c’est qu’il faudra désormais éviter d’utiliser des plugins javascript qui cache du contenu, comme les systèmes d’onglets, les accordéons. Il sera préférable de découper les pages différemment, et que chaque contenu ait sa propre url.
4. Le poids des assets :

Plus une page est légère à charger, plus son référencement naturel s’en trouve facilité. Un certain nombre de pratiques sont faciles à mettre en oeuvre pour alléger le poids d’une page.

Tout d’abord, il est recommendé d’externaliser les fichiers css et js, et d’éviter l’écriture des scripts au sein de la page, entre des balises <style> ou <script>. Ensuite, il est recommendé d’utiliser des images redimensionnées à la taille maximale d’affichage à l’écran

Dabei sollte man leicht errechenbare werte und im interesse der zeichengenauigkeit nicht https://www.best-ghostwriter.com/ zu nah beieinander liegende werte verwenden
Non classé

Symfony CMS : Grav

Dans le cadre du benchmark des CMS basés sur Symfony, nous avons testé pour vous l’utilisation du CMS Grav.

Installation

L’installation de Grav est très facile. La documentation à ce sujet est très claire. Nous avons utilisée la méthode basée sur Composer:

composer create-project getgrav/grav test-grav-cms

Nous lançons ensuite le serveur local :

cd test-grav-cms
php -S localhost:8000

Le site fonctionne maintenant est il est accessible à l’adresse http://localhost:8000

test cms

Création d’un theme personnalisé

Back office

L’installation de Grav entraine la mise à disposition d’un utilitaire Grav Packet Manager qui permet l’installation de packages supplémentaires :  bin/gpm

Grav propose une interface d’administration qui peut s’installer à travers la commande

bin/gpm install admin

When i’m tired and discouraged I research paper case study format think of lord of the rings
Non classé

Symfony CMS – Pagekit

Installation :

Télécharger le fichier zip à l’adresse : xxx
Lancer la commande

composer install

pour récupérer tous les modules nécessaires
Donner les droits d’accès en écriture au dossier racine, ainsi qu’aux dossiers app, packages, storage et tmp, ainsi qu’à tous leurs sous-dossiers

Our incoming students can take their look at orientation week in august when they get write my essays http://essaysreasy.online/ their student id cards
Non classé

Utiliser Gulp pour gérer du LESS et du JavaScript dans vos projets

Il est très probable que votre projet doive contenir du JS et du CSS, à l’heure où nous disposons d’une quantité satisfaisante de ressources sur le web pour des librairies JS, Bootstrap…
La question à laquelle nous allons répondre aujourd’hui est : comment utiliser Gulp pour gérer nos dépendances front.

Comme vous le constaterez dans le dernier point, nous ne parlerons pas ici de la raison pour laquelle utiliser Gulp plutôt que les assets de Symfony. Je vous invite à avoir cette réflexion dans les commentaires de cet article, nous permettant ainsi de rédiger un autre article sur ce point.

Cet article est extrait de notre gestionnaire de documentation interne, et se base sur la façon de faire mise en place sur certains de nos derniers projets.
Rentrons dans le vif du sujet.

1. Installer NodeJS et les paquets Node

Nous allons avoir besoin de NodeJS pour créer un fichier package.json à la racine de notre projet qui contiendra les paquets Node à installer pour faire tourner Gulp.

{
  "name": "mon-super-projet",
  "description": "Mon Super Projet",
  "version": "1.0.0",
  "repository": {
    "type": "git",
    "url": "ssh://git@gitlab.acseo.co:10022/nicolas.kern/mon-super-projet.git"
  },
  "dependencies": {
    "gulp": "^3.9.1",
    "bower": "^1.7.9",
    "gulp-less": "^3.1.0",
    "gulp-coffee": "^2.3.2",
    "gulp-concat": "^2.6.0",
    "gulp-minify-css": "^1.2.4"
  }
}

A partir de là, vous pouvez ajouter les paquets dont vous avez besoin.

Personnellement, j’aime bien avoir gulp et bower installés globalement sur ma machine, avec la commande : sudo npm install gulp -g && sudo npm install bower -g

Pour installer les autres paquets, utiliser la commande : npm install monpaquet –save-dev

Le paramètre save-dev permettra d’ajouter la référence du package dans package.json et permettra ainsi à un autre développeur de faire simplement tourner la commande npm install pour installer tous les paquets d’un coup.
Les paquets que j’utilise le plus souvent sont :

  • gulp est un automatiseur de tâches, répertoriées dans un fichier gulpfile.js
  • bower est un outil de gestion de dépendances frontend (l’équivalent frontend de composer, pour le backend)
  • gulp-less est un outil de compilation de LESS en CSS
  • gulp-coffee est un outil de compilation de coffeescript en JavaScript
  • gulp-concat est un outil de concaténation de sources en un fichier
  • gulp-minify-css est un minifieur de CSS
  • gulp-include permet de faire des inclusions de fichiers via la ligne #=include relative/path/to/file.coffee

 

2. Préparer les tâches Gulp

Créer ensuite un fichier gulpfile.js :

var gulp = require('gulp');
var coffee = require('gulp-coffee');
var concat = require('gulp-concat');
var less = require('gulp-less');
var minifyCSS = require('gulp-minify-css');
var include = require("gulp-include");

var paths = {
  coffee: [
    'src/ACSEO/FrontBundle/Resources/public/coffee/main.coffee'
  ],
  less: [
    'src/ACSEO/FrontBundle/Resources/public/less/main.less'
  ]
};

gulp.task('coffee', function() {
  return gulp.src(paths.coffee)
    .pipe(include())
    .pipe(concat('all.js'))
    .pipe(coffee({bare:true}))
    .pipe(gulp.dest('./web/js'));
});

gulp.task('styles', function () {
  return gulp.src(paths.less)
    .pipe(less())
    .pipe(minifyCSS())
    .pipe(gulp.dest('./web/css'));
});

gulp.task('build', ['styles', 'coffee']);

gulp.task('watch', function() {
  gulp.watch('src/ACSEO/**/*.less', ['styles']);
  gulp.watch(paths.coffee, ['coffee']);
});

gulp.task('default', ['build', 'watch']);

Dans cette tâche assez complète, j’importe tout d’abord les paquets dont j’ai besoin. Tout en bas, je prépare une tâche par défaut, lancée à l’exécution de la commande gulp. Elle va lancer les tâches build et watch. Ma tâche build a pour rôle de générer le CSS (style) et le JS (coffee). Ma tâche watch va écouter les modifications des fichiers situés dans mon tableau paths.less et paths.coffee et va exécuter les tâches styles ou coffee en fonction du fichier modifié. La tâche coffee va aller chercher tous les fichiers répertoriés dans paths.coffee, va inclure tous les fichiers appelés via include, va les concaténer dans un fichier all.js, va les transformer en JS et placer ce fichier dans web/js/all.js.

 

La tâche styles va aller chercher tous les fichiers LESS du projet, va les transformer en CSS, les minifier, et les places dans le répertoire web/css.

Utiliser la commande gulp pour lancer ces tâches, et la laisser tourner en tâche de fond pour que les fichiers soient recréés à chaque modification.

Pour information, si vous créez un nouveau fichier, gulp-watch ne va pas pouvoir le prendre en compte. Il vous faudra couper et relancer gulp.

3. Installer nos dépendances web avec Bower

Créer un fichier bower.json

{
  "name": "mon-super-projet",
  "authors": [
    "Nicolas Kern <nicolas.kern@acseo-conseil.fr>"
  ],
  "description": "Mon Super Projet",
  "main": "",
  "moduleType": [],
  "license": "MIT",
  "homepage": "http://www.acseo-conseil.fr",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "web/assets/vendor/",
    "test",
    "tests"
  ],
  "dependencies": {
    "bootstrap": "^3.3.6",
    "jquery": "1.11"
  }
}

Nous installons ici les dernières versions de jQuery et Bootstrap.
Pour installer d’autres paquets, exécuter la commande bower install monpaquet –save
Les paquets peuvent être trouvés sur http://bower.io/search/

Pour installer tous les paquets du fichier bower.json, exécuter la commande bower install.

4. Utiliser nos dépendances (autrement tout ce qu’on vient de faire ne sert pas à grand chose)

Il vous suffit de simplement appeler les fichiers CSS générés ainsi que all.js.

Si vous utilisez Symfony :

<link rel="stylesheet" href="{{ asset('assets/vendor/bootstrap/dist/css/bootstrap.min.css') }}">
<script src="{{ asset('assets/vendor/jquery/dist/jquery.min.js') }}"></script>

5. Réflexions autour du concept

Pourquoi utiliser Gulp plutôt que les assets de Symfony ?
Est-ce mieux ? Pire ? Quoi préférer ?
Comment minifier et compiler les vendeurs JS ?

Ces questions sont à approfondir, quel est votre avis ?

Discover the four classical arts of language that form the essential foundation for all www.writemyessay4me.org learning
Non classé

Exactly what are Values of a Two-Year Higher education.

Superior education in this particular nation is rather quickly turning into a need on the corporation group as a substitute for an extravagance. Inside of the past the individuals who experienced a secondary school exercise even now had the possibility to manufacture a outstanding planet for themselves and their households. People times are swiftly becoming yet another dieing coal from the earlier. In the off likelihood you want to have sizeable obtaining future amid your lifetime that you’re completely restricted by your grasping opportunity along with the amount of instruction you’ve got gotten.

The uplifting information is you please don’t really need to possess a win or bust technique as regards to instruction. You’ll be able to begin the process of by making toddler strides with reference to highly developed education and learning. To the off opportunity which you have a very junior college in your own basic vicinity, this is certainly certainly one of the best quality property for starting up your school instruction at any section on your life. Most junior faculties provide you with courses at varying periods amid the day and night, even some on Saturday maintaining in your mind the end plan to oblige understudies of varied ages and foundations.

Junior schools at the same time give a extraordinary chance to initiate your mastering mission inside a way that is certainly a great deal extra very easily affordable to your common national than an all out higher education. These universities are to the perfect extent employee educational institutions but there are certainly two or three that allow understudies the know-how of residing on the college grounds in a a whole lot reduce amount than most authentic schools charge for that exact or fundamentally the same as features.

Junior schools likewise permit you to examine your options in the event that you are not often particular what heading you want for your personal working out to just take free of having to pay this sort of a significant price to the treatment. In case you realize the vocation way you wish to get you might track down a two-year degree course which might have you ever from faculty and in a job a great deal before a four-year software will allow. Around the off chance that that may not adequate information for yourself, a big percentage of the two-year projects of study that can be provided with the junior university stage can just move simply into 4 calendar year certification applications with the college or university amount.

Junior colleges give you a outstanding get started for a few men and women who are researching for advanced education regardless if to aid their professions or perhaps to find fulfillment on an individual amount in life. You’ll discover multiple terrific tasks in specialized fields and scholarly fields which might be investigated and research relating to the junior higher education amount.

For graduating secondary college understudies junior colleges aid understudies guide into the alteration from secondary college to high school not having enduring the way in which of existence stun that a small number of schools can put understudies thru. You will discover that there are normally multiple chances to satisfy instructive and likewise social specifications to the junior college or university stage for understudies which have been occupied with searching for following a junior college schooling.

You must furthermore realize that junior colleges tend to be less demanding to paying out with reference to placing aside funds and investment decision funds for possibly your own school schooling or even the instructive rates of your respective youngsters. Developing them look at a junior college or university for just a extensive time then exchanging to the College can spare quite a lot of cash and give you a small amount of mind that your youngsters are as yet accepting a wonderful degree of instruction.

Genuinely, for the off chance that you’ll be attempting to find an astounding high-quality almost about instruction you’d probably do you or your kids an injury in the event that you do not start looking for the junior university alternate options on your general vicinity well before dove in and jumping in the college technique for lifestyle. You’ll find that junior schools repeatedly deliver an equivalent degree of instruction for your primary classes that first of all and next 12 months undergrads on a regular basis consider, they really are a vastly enhanced esteem for the hard cash, and they’re an extraordinary qualities with the persons who are making an attempt to juggle their preparation with household and succeed obligations.

I’m pulling an all nighter at the moment so I couldn’t have read this at a http://justdomyhomework.com/ better time

Non classé

Онлайн Казино. С Чего Начинались Слоты Игровые Автоматы

Что делает популярным видеослот Book of Ra? Что уж говорить об игроках со стажем! Если вы до сих пор не знакомы с этой удивительной категорией развлечений, непременно используйте шанс протестировать лучшие демо-версии. Lire la suite