PROJET AUTOBLOG


refOK - booster votre blog ou site sur le net

Site original : refOK - booster votre blog ou site sur le net

⇐ retour index

BeigeSeo: version optimisée et SEO friendly du thème

jeudi 10 septembre 2015 à 16:23
Une seconde version de ce thème pour PluXml, mais avec une optimisation encore plus renforcée, tendance " SEO ", utilisant à la fois un codage fluide ainsi que des plugins essentiellement orientés vers une meilleure prise en charge par les différents moteurs de recherche.
Sur la base du thème précédent, légèrement optimisé, mais beaucoup plus épuré, ce thème " BeigeSeo " a pour but de permettre un référencement et une diffusion nettement plus optimisés et efficace, grâce à quelques astuces essentielles et quelques plugins bien efficaces et utiles.

L'optimisation et la préparation SEO du thème.

Ce thème est basé sur le précédent 'Beige', avec des fichiers ' header.php ', ' sidebar.php ', ' footer.php ' différents selon les articles, les catégories, ou autres rubriques.
Livré, comme son petit frère, avec des fichiers JS et CSS compressés, valide W3C également, il ne vous restera plus qu'à le personnaliser à votre goût pour en profiter pleinement.

Principales caractéristiques.

Ce sont les mêmes, de base, que le thème 'simple', ( prenez le temps de (re)lire l'article précédent ! ) mais, testé avec certains plugins essentiels à un bon référencement et une optimisation SEO, les différents ' hook ' sont déjà intégré dans le codage des fichiers; il ne vous restera donc plus qu'à installer les plugins, les configurer si nécessaire pour qu'ils fassent directement leur effet.
Une petite différence, au niveau de la CSS: les fontes sont comprises dans le thème et utilisées via le système " @font-face ".
Sans oublier les liens placés vers les différents flux RSS, le sitemap de votre site, le retour vers le haut via la CSS, la génération d'une page résumant l'ensemble des 'tags', le fichier 'suggestion.php' et bien d'autres choses encore qu'il vous reste à découvrir ...
thème SEO
thème SEO : un Blog, un site, RWD et CSS 3 .

Les plugins recommandés (SEO et linking ).

Avant de parler des plugins:
- pensez à modifier les différents fichiers 'header' en y plaçant 'vos' données personnelles.
- pensez également, en sidebar, à personnaliser vos liens vers les différents médias sociaux.
Quant aux plugins que l'on va nommer ici de 'recommandés', il s'agit de ceux qui se révèlent réellement utiles et nécessaires pour une optimisation SEO du site, principalement de ceux qui ont été placés sur le site de test et dont voici la liste:
- jQuery ( chargé en premier )
- plxSocialMeta qui ajoute les balises meta opengraph (Facebook), schema.org (Google Plus), Twittercard (Twitter) sur les articles.
- filAriane; pour une autre forme de navigation dans le haut des pages notamment.
- Blogroll; configuré ici pour un affichage de liens différents dans la home ou dans les articles.
- plxMyAutoMetaDescription qui permet de prendre en compte les x premiers mots de votre article pour en créer la balise 'description'.
- MyAllArchive: qui va générer une page récapitulant tous ( ou partie ) les articles du blog, bon pour le linking interne !!!
- prevNext qui affiche les liens vers les articles 'suivant' et 'précédent' avec leurs titres.
- MyContact pour ajouter un formulaire de contact tout simple.
- MySearch qui va permettre une recherche rapide par mot-clé dans tous les articles et toutes les pages du site.
- MySocialButtons qui affiche les boutons sociaux Facebook, Twitter et Google+
etc ...
Tous ces plugins, ainsi que les autres d'ailleurs, sont accessible via le forum ou le wiki de PluXml :)

Les plugins supplémentaires.

Pour l'instant, ne sont notés que le plugins nécessaire au 'minimum social' d'un bon référencement, mais ce ne sont certes pas les seuls.
cependant, avant toute autre chose : ne pas abuser des plugins, qui à force ne pourraient que ralentir le chargement de vos pages, donc = pas bon du tout cela :)
Enfin, quelques autres à 'cogiter':
- un éditeur: il en existe deux principaux, faites vos tests, faites votre choix ...
- scrollToTop qui permet lors d'un scroll l'affichage dynamique vers le haut de page.
- ArtGalerie, un incontournable pour l'affichage de vignettes que l'on peut agrandir, ou de galeries photos.
- plxResponsiveSlidesJs qui peut permettre la génération, souvent en haut de page, d'un diaporama, cliquable et annotable.
- plxMinifyCache pour minifier et mettre en cache le code source.
- WDD_cache qui permet de gérer simplement la mise en cache.
reste ensuite, selon 'votre' site, selon 'votre' thématique à choisir des plugins plus spécifiques si vous le désirez, mais ce n'est pas le sujet de cet article ;)
En tous cas : grands mercis à tous ces codeurs fous qui nous créent ces plugins et les mettent à disposition !!!

Quant au thème " BeigeSEO ", son téléchargement, libre, bien sûr, se passe ici dessous via le bouton ' télécharger ' ...
:)

© refOK by refok.fr - duplication interdite

Thème BEIGE pour PluXml

mercredi 9 septembre 2015 à 17:31
Ce thème pour PluXml est le début d'une série qui sera longue espérons-le. Couleurs simples et discrètes, adapté à la dernière version ( 5.4 ), outre une très bonne vitesse de chargement il comporte déjà quelques bonnes optimisation de base pour mieux encore référencement votre blog, ou votre site.
Ce 'premier nouveau' thème est basé sur le framework CSS " PluCSS " et il compatible avec toutes les versions de PluXml, y compris la '5.4'.

Conception du thème.

Très peu de modifications pour essayer de conserver la légèreté et surtout la vitesse d'affichage du script d'origine. Juste quelques personnalisations de la CSS, bien entendu, pour modifier le rendu des couleurs et quelques toutes petites images, optimisées, pour agrémenter notamment les rubriques de la sidebar, les flux rss ... pour le fun et pour le look.

thème beige
thème beige : pour PluXml .
Un petit aperçu du header .... pour l'ensemble de la page,  agrandissez la vignette située tout en bas :)

Quelques petites optimisations SEO !

Indications sur la conception:
Le thème est livré avec les fichiers CSS et JS compressés.
Il comporte également 3 fichiers 'header.php' différents, pour la home, les articles, les catégories, ainsi que les autres pages, afin d'éviter tous problèmes de ' duplicate content '.
( Il est très vivement conseillé d'éditer ces fichiers qui comportent notamment:
    <!-- à modifier -->
    <meta name="robots" content="noindex, nofollow, all" />
    <meta name="googlebot" content="noindex, nofollow, all" />
;) ... )
De même, vous trouverez deux fichiers différents pour le 'footer.php'
Le thème comporte juste par défaut, en sidebar le 'hook' pour utiliser le plugin ' BlogRoll ', pour les échanges de liens, ainsi qu'une feuille de style CSS pour appeler des polices de caractères, via Google Fonts, que vous pouvez et modifier, et compiler avec la CSS générale.
Vous aurez ainsi, très peu de plugins à installer, pour plus de légèreté, et toute liberté de configurer votre' thème beige ' à votre sauce personnelle.
Pour une version encore plus efficace au niveau du référencement et de l'optimisation SEO, voyez la version ' beigeseo ' qui elle pousse les choses assez loin ...

Tests techniques.

Ce thème est conforme avec les recommandations de W3C, comme indiqué ici:
validateur W3C en français
Et il a été testé, également, avec succès sur:
https://www.google.com/webmasters/tools/mobile-friendly/
https://developers.google.com/speed/pagespeed/insights/
Que demander de mieux, pour prendre un bon départ ?

Pour télécharger, ça se passe sur le bouton ci-dessous :)
@+

© refOK by refok.fr - duplication interdite

Bien parler avec vos objets connectés

vendredi 4 septembre 2015 à 10:50
Lors d'une de ses dernières publications, Google vous donne des solutions pour bien parler avec vos objets connectés. En effet, connecté est bien le mot-clé actuellement, mais les commandes vocales de moultes applications se multiplient à vitesse ' V ' et pour bien les maîtriser quelques conseils / astuces / tips sont donc les bienvenus :)
Non, ce n'est pas un histoire de fous, vous ne parlez pas tout seul ou à des objets étranges, mais bel et bien avec des objets connectés qui permettent désormais un certains nombre de commandes vocales, sans aucune utilisation du clavier ou autre, pour lesquelles Google, dans sa magnificence nous distille quelques recommandations ...

Utilisez la voix au lieu du clavier.

C'est cela que l'on doit comprendre désormais : il est possible d'utiliser le son de sa propre voix, en choisissant certes des mots bien précis, pour réussir à commander certains objets, certains appareils que l'on dit ' connectés ', sans avoir besoin d'utiliser des "touches" clavier ou autres pour parvenir à leurs différentes fonctions. Un principe qui va très certainement prendre de plus en plus d'ampleur, un système qu'il est désormais bon de connaître, de mettre peu à peu en place et ... surtout, de maîtriser.
Dans la série divulguée par le géant américain depuis hier : 8 astuces, intitulées " parlez à Google " que l'on devrait de suite, certainement renommer en " parlez avec / à l'aide de Google ", ou mieux encore " communiquer avec vos objets connectés ".
objets connectés
objets connectés : pour une meilleure communication orale .
On avait déjà ceux qui se promènent dans les rues, semblant parler tout seul alors que, via leur téléphone, oreillette et micro, ils sont en réalité en communication avec une tierce personne, maintenant vous allez avoir, et c'est déjà en place d'ailleurs, des gens qui vont parler à leur voiture, à leur téléviseur, ou une toute autre foule d'objets ... le Monde des Fous va se modifier considérablement désormais ... enfin espérons qu'ils ne se feront quand même pas enfermer pour autant :)

Parler et communiquer par commande vocale.

Un extrait des principaux titres de ces 8 astuces délivrées par GG pour vous en donner une idée:
- Gérez les paramètres de votre téléphone en deux mots
- Envoyez des messages à vos amis les mains dans les poches
- Retrouvez enfin l’auteur de ce tube de l'été
- Composez vos numéros sans rien toucher
- Ouvrez vos applications sans avoir à sortir du lit
- Enregistrez vos rappels dès que vous y pensez
- Posez toutes vos questions à votre téléphone
- Commencez à utiliser votre téléphone uniquement avec votre voix
( pour ce qui, entre choses est déjà ... possible ... )
Et pour le 'fun', si vous êtes un adepte du 'farniente', à partir de votre lit, tout va devenir possible, pour preuve :
" Lancez rapidement vos applications, votre musique et plus encore.
Ouvrez n'importe laquelle de vos applications en demandant "Ok Google, ouvre..." puis le nom de l'application. Par exemple, "Ouvre Google Maps". Cette astuce fonctionne avec toutes vos applications, pas seulement les applications Google.
"
Directement ... en parlant tout haut ... à votre téléphone, via une application, mais d'autres choses sont et seront bien vite faisable selon le même principe, dans la maison, dans la voiture, au travail même ...
Nous n'avons pas finit de ne plus nous comprendre ^^.  Si tout le monde se met à parler, en un même lieu, en même temps, à différents objets connectés ... là les réels problèmes de communication ET de société vont arriver au grand galop ... Il y a quand même des limites à l'absurdité des choses, il y a quand même des fonctions très utiles, mais surtout des futilités à éviter ... :)
Pour découvrir l'ensemble de ces 8 astuce, cliquez sur la vignette ci-dessous qui vous en montrera les principaux titres en capture d'écran et si, vraiment, vous voulez voir le détail des différentes fiches, c'est par ici : https://get.google.fr/tips/#!/tips/ouvrez-vos-applications-comme-par-magie?category=ask-google
( pour interroger Google  )
:)

© refOK by refok.fr - duplication interdite

Pour rester protégé et renforcer votre sécurité: 12 astuces by Google

jeudi 3 septembre 2015 à 16:29
Pour rester protégé, pour renforcer la sécurité de vos appareils, Google vous donne une douzaine d'astuces, à mettre en place vous-même ou à l'aide d'applications, de manière simple mais souvent assez efficace.
Tout ce que vous utilisez en matière d'objets connectés, ordinateur, tablette, téléphone, est basé sur un ou des systèmes informatiques.
Aucun système n'est infaillible !!! Les voleurs et les pirates vous attendent au tournant, et pourtant il existent quelques règles de base à suivre et à appliquer pour renforcer la sécurité de vos objets connectés, alors pourquoi ne pas les suivre ?

Protégez vos comptes et vos appareils.

12 astuces très simples à suivre ;)
Astuces, ou plutôt conseils, voire même ' rappels ' dans de nombreux cas, au niveau de la sécurité informatique, pour éviter de tenter  un peu trop ceux qui n'ont guère de conscience et pourraient vous voler ou pirater vos comptes ou vos téléphones, par exemples.
Des choses vieilles comme le ... Monde Informatique, mais qui, malheureusement, sont trop souvent laissées de côté lorsque l'on veut ... aller trop vite ...
astuces de sécurité
astuces de sécurité : protégez vos appareils et vos comptes !!!
Les 12 astuces de sécurité du jour:
- Protégez vos comptes et vos selfies contre les pirates informatiques
- Localisez votre appareil à distance en cas de perte ou de vol
- Signalez les contenus douteux
- Créez un mot de passe véritablement sécurisé
- Laissez votre navigateur gérer vos mots de passe
- Gardez la main sur vos paiements dans Google Play
- Faites vos recherches en famille et en toute sécurité
- Protégez votre appareil des curieux
- Porte ? Fermée. Gaz ? Coupé. Pensez aussi à la sécurité de votre compte Google
- Empêcher votre nouveau colloc de lire vos e-mails
- Renforcez la sécurité de votre compte Google
- Explorez Youtube avec votre famille en toute sécurité
Des  conseils, des astuces de base, fort variés, certes pas dans leur totalité, mais qui ont au moins le mérite de faire penser que la Sécurité ça existe, et que la sécurité, nous en sommes, aussi, très souvent  responsables ... :)

Deux conseils de sécurité dans le détail.

1 - Protégez davantage votre vie privée avec la validation en deux étapes. À chaque connexion, vous devrez saisir votre mot de passe et un code privé envoyé sur votre téléphone.
-- Recevez un code secret sur votre téléphone mobile lorsqu'un tiers essaie de se connecter à votre compte. 1. Connectez-vous à votre compte Google.
-- Cliquez sur votre photo, puis sur "Mon compte".
-- Faites défiler l'écran jusqu'à la section "Connexion", puis cliquez sur "Validation en deux étapes".
-- Suivez la procédure d'installation et commencez l'année en toute sécurité.
2 - Pour protéger votre téléphone:
Définissez un code d'accès, un mot de passe ou un schéma de verrouillage pour votre écran, afin que personne d'autre que vous ne puisse accéder à vos contenus.
-- Accédez aux Paramètres depuis le menu des applications et dans la rubrique "Personnel" appuyez sur "Sécurité".
-- Dans la rubrique "Sécurité de l'écran", appuyez sur "Verrouillage de l'écran".
-- Sélectionnez un type de verrouillage, puis suivez les instructions à l'écran.
Ca ne prend pas beaucoup de temps, mais vous serez le seul à pouvoir utilisez votre appareil correctement, personne d'autre ne le pourra ...

Bon certes, ensuite il existe d'autres systèmes encore plus sophistiqués, ou des applications plus complexes, mais le simple fait de mettre en place, d'appliqué ces quelques règles de sécurité ne pourra que vous servir, alors faites-le !!!
Pour les détails complets:
https://get.google.fr/tips/#!/?category=be-secure
Ou pour mieux voir les astuces dans leur ensemble : cliquez sur la petite vignette ci-dessous ! En s'agrandissant elle vous dévoilera le contenu de base de toutes ces 12 astuces.
@+

© refOK by refok.fr - duplication interdite

impressionnez vos amis : les astuces sur le Net

jeudi 3 septembre 2015 à 16:28
Pour impressionner vos amis, Google nous délivre, sur le net, onze astuces qui vont faire des ravages ! Aussi bien pour un usage de tous les jours que pour un événement précis, vous aller les épater avec ces astuces / applications.
Des astuces, plutôt des conseils, très orientés vers l'utilisation des applications pour téléphones portables ou autres objets connectés, là Google fait très fort en ce moment, via " Google Now ".

Impressionnez vos amis !

C'est le conseil du jour délivré par Google, qui au travers de 11 astuces nous donne les moyens d'y parvenir à l'aide d'applications disponibles pour Android ou autre iOS.
Décidément, Google ne manque pas de ressources, surtout pas d'applications disponibles dans le Monde des objets communicants !!!
Google tips
Google tips : des applis pour épater tous vos amis .
Les onze applications du jour sélectionnées par Google:
- Obtenez le résultat du match sans même le demander
- Anticipez l'orage avant la première goutte
- Ne perdez pas contact avec vos potes de vacances
- Trouvez les bons plans aux alentours
- Partagez vos bons plans de la rentrée avec vos amis
- Gardez la pêche écoutant les nouveaux tubes de la rentrée
- Soyez le premier à souhaiter un joyeux anniversaire à votre tante
- Donnez vie à vos cours d'histoire
- Emmenez votre bibliothèque dans les transports en commun
- Partagez vos cadeaux avec vos amis
- Suivez les ours polaires pour un trek et préparez vos vacances d'hiver
S'il est bien vrai que certaines applis sont réellement de ' bons plans ', d'autres font plus gadget qu'utile quand même ... vous allez les suivre les ours polaires, vous ???

Deux applications dans le détail.

Sur la page du géant américains, chaque astuce, chaque résumé d’application donc, est détaillée par une 'fiche' qui s'ouvre en cliquant simplement sur le titre, titres que vous pouvez voir sur la capture d'image ci-dessous ...
-- Obtenez le résultat du match sans même le demander : " Avec Google Now, obtenez en temps réel les dernières actualités de vos équipes préférées. ".
-- Suivez les ours polaires : " Réveillez l'explorateur qui est en vous et voyagez avec Google Maps grâce aux Treks Street View. Rendez-vous sur le site à l'adresse suivante : google.com/maps/about/ Cliquez sur "Dans les coulisses de Street View".
Et tout cela presque gratuitement ( ... ) avec de simples petits programmes, via votre ordinateur ou téléphone portable,ou encore autre tablette et objet connecté ...
Plus de détails:
Rendez-vous ici : https://get.google.fr/tips/#!/?category=do-more
Ou, plus simplement, cliquez sur la petite vignette ci-dessous, qui ... deviendra grande et vous permettra de pouvoir visualiser tout cela en grand format :)

© refOK by refok.fr - duplication interdite