Xerrada d'introducció per millor al posicionament als cercadors amb el CMS Drupal

1. Millorar el posicionament als cercadors amb Drupal Ferran Riera Bosch Sessió a Drupal.cat 17 Febrer de 2011

2. Qui Soc ? Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Ferran Riera Soci /Co-fundador de Drauta E mpresa de serveis globals a Internet, especialitzats en desenvolupament web. Des de fa dos anys i mig desenvolupem únicament en Drupal. Enginyer tècnic en informàtica de gestió http://www.drauta.com http://ferranriera.com http://twitter.com/ferranriera

3. Que és el SEO? Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat

4. Que és el SEO? Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Definició SEO ( acrònim en anglès de Search Engine Optimization, optimització per a motors de recerca). Aplicació de vàries tècniques per aconseguir que el cercadors d'Internet situïn una determinada pàgina web en una posició alta a la seva pàgina de resultats per determinades cerques.

5. Que és el SEO? Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Principis bàsics del SEO que integrarem amb Drupal 1. Url descriptives 2. Contingut no duplicat 3. Títols de les pàgines no duplicats 4. Bona estructura html del lloc web. 5. Rendiment

6. Drupal (per defecte) no posiciona Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Com millorar-ho ?

7. Configuracions inicials bàsiques Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat

8. Configuracions inicials bàsiques Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Clean url Activar url's netes . Passarem de url dinàmique s a ur l estàtiqu es! Ho podem fer durant la instalació o després: Sense url netes Amb url netes ?q=node/22 node/22 ?q=taxonomy/term/2 taxonomy/term/2

9. Configuracions inicials bàsiques Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Elecció del theme Theme amb estructures html ben formades i sense taules! I a poder ser que compleixi el estàndars W3C. Per exemple: http://drupal.org/project/adaptivetheme http://drupal.org/project/zen http://drupal.org/project/ninesixty http://drupal.org/project/fusion etc...

10. Mòduls bàsics Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Tot Drupal com a pàgina web hauria de sortir amb aquests mòduls SEO instal·lats.

11. Mòduls bàsics Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Pathauto. Ben configurat Ens permet auto-generar url a partir d'uns valors assignats previament. Ens permet utilitzar tokens per fer qualsevol tipus de configuració Ens permet regenerar l'estructura I recrear tots els alias del site de forma automatizada. Disponible en Drupal 7

12. Mòduls bàsics Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Pathauto. Ben configurat Mòduls bàsics Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Pathauto. Ben configurat Configuració inicial amb node Configuració recomenada /content/[title-raw] [type]/[title-raw] Configuració inicial taxonomia Configuració recomenada category/[vocab-raw]/[catpath-raw] [vocab-raw]/[catpath-raw]

13. Mòduls bàsics Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Pathauto. Ben configurat Activant transliterate fem que no ens apreguin caràcters especials a les url. Per fer-ho hem de renombrar el fitxer i18n-ascii.example.txt (carpeta pathauto) a i18n-ascii.txt i activar la opció Transliterate prior to creating alias

14. Mòduls bàsics Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Global Redirect Fa redireccions 301 (permanents) entre la direcció del sistema I la direcció del pathauto. D'aquesta manera no generem continguts duplicats I el buscador no ens penalitzarà. Disponible en Drupal 7 Redirecció 301 /soc-una-url-maca /node/22

15. Mòduls bàsics Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Path Redirect Permet fer redireccions de tot tipus entre pàgines. Un cop instal·lat activar la opció al pathauto de: Create a new alias. Redirect from old alias. D'aquesta manera evitarem si canviem de títol de la pàgina amb pathauto activat tinguem dos pàgines amb el mateix contingut A Drupal 7 es diu Redirect

16. Mòduls bàsics Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat NodeWords Permet posar meta tags a tots els nodes de drupal. Permet diferenciar els node de la front-page, pàgines de error etc.. Permet que els usuaris escriguin les meta-etiquetes de les pàgines quan escriuen el contingut, també permet que es generi automàticament. Permet posar la meta-etiqueta per activar Google webmaster tools en el domini.

17. Mòduls bàsics Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat NodeWords Tot I que les meta etiquetes en sí, ja no es un factor determinant per el posicionament, es important incloure-les. Si més no la descripció seràn les paraules que veuran com a descripció els futurs visitants de la vostra pàgina web. A Drupal 7 es dirà Metatags, no disponible encara...

18. Mòduls bàsics Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Page Title Permet personalitzar el contingut de la etiqueta <title> de les pàgines. Sino apliquem el mòdul Page Title ens pot quedar a la home un títol del tipus: Inicio | Pintures Domenech Pàgines Configuració recomenada Exemple Home [site-name] | [site-slogan] Pintures Domenech | Pintures decoratives: plàstiques, esmalts, barniços Pàgina producte [page-title] | [cat-raw] | [site-name] Pintura marró Africa | Pintura Interior | Pintures Domenech

19. Mòduls bàsics Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Page Title També ens permet posar tokens a els pàginadors per no fer títols de pàgines duplicats que també es penalitzable. Quedaria així: Disponible en Drupal 7

20. Mòduls bàsics Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Activar alt, description a imagefield És important fer que l'usuari escrigui el alt de la imatge I la descripció de la imatge, quan la puja al gestor. Ho podem aplicar com opció en el moment de crear el tipus imatge dins un tipus de contingut. En el core de Drupal 7

21. Altres mòduls Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Mòduls SEO per diferents situacions.

22. Altres mòduls Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Xml Sitemap Genera un sitemap.xml amb tots els continguts del nostre site. Podem fer apareixer tots els tipus de contingut o només alguns I tots els vocabularis o només alguns. Podem assignar prioritats per cadascún I indicar-li al cercador cada quan temps a de tornar a passar, tot I que després fan el que volen. Disponible en Drupal 7

23. Altres mòduls Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Xml Sitemap Exemple: <url><loc>http://www.domini.cat/</loc><changefreq>daily</changefreq> <priority>1.0</priority> </url> <loc>http://www.domini.cat/blog/hello-world</loc><changefreq>weekly</changefreq> <lastmod>2009-11-19T15:42Z</lastmod> <priority>0.6</priority> </url> <url> <loc>http://www.domini.cat/categoria</loc><changefreq>weekly</changefreq> <lastmod>2009-11-19T15:42Z</lastmod> <priority>0.6</priority> </url> <url> <loc> http://www.domini.cat/empresa </loc><changefreq>yearly</changefreq> <lastmod>2007-05-09T23:18Z</lastmod> <priority>0.5</priority> </url> <url>

24. Altres mòduls Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Subdomain Ens permet simular que tenim micro-sites dins el nostre site principal d'aquesta manera donem molta més importancia a la paraula clau del subdomini. Usuari: http://usuari.domini.cat Taxonomia: http://taxonomia.domini.cat Tipus de continguts: http://tipusdecontingut.domini.cat Només recomenable si la pàgina té prou entitat. Versió beta en Disponible Drupal 7

25. Altres mòduls Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Semantic Views Permet configurar la sortida de etiquetes de views. Views inicial Configurant Semantic views <div class=&quot;views-field-title&quot;> <span class=&quot;field-content&quot;><a href=&quot;/node/1&quot;>Augue Magna Cui Conventio Valetudo</a></span> </div> <div class=&quot;views-field-type&quot;> <span class=&quot;field-content&quot;>Story</span> </div> <div class=&quot;views-field-teaser&quot;> <div class=&quot;field-content&quot;> <p> node (story) - Abigo bene feugiat loquor </p> </div> </div> <h2 class=&quot;title&quot;><a href=&quot;/node/1&quot;>Augue Magna Cui Conventio Valetudo</a></h2> <div class=&quot;node-type&quot;>Story</div> <p> node (story) - Abigo bene feugiat loquo </p>

26. Altres mòduls Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Semantic CCK Permet configurar la sortida de etiquetes de un node. cck inicial Configurant Semantic cck <div class=&quot;field field-type-filefield field-field-recipe-photo&quot;> <div class=&quot;field-items&quot;> <div class=&quot;field-item odd&quot;> <img width=&quot;200&quot; height=&quot;200&quot; title=&quot;&quot; alt=&quot;&quot; src=&quot;my-image.jpg&quot; /> </div> </div> </div> <img width=&quot;200&quot; height=&quot;200&quot; title=&quot;&quot; alt=&quot;&quot; src=&quot;my-image.jpg&quot; />

27. Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Altres mòduls Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Search 404 Si no troba la url dins el nostre lloc web, fa una cerca per trobar resultats similars. S'integra amb Apache Solr o la cerca de Google Permet fer redireccions 301 amb el primer resultat que troba de la cerca. Disponible en Drupal 7

28. Altres mòduls Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Purifier Html Podem evitar mitjançant la configuració d'un filtre treure etiquetes que venen directament desde Microsoft Word, Com aquestes: <!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:HyphenationZone>21</w:HyphenationZone> <w:PunctuationKerning /> <w:ValidateAgainstSchemas /> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:Compatibility> <w:BreakWrappedTables /> <w:SnapToGridInCell /> <w:WrapTextWithPunct /> <w:UseAsianBreakRules /> <w:DontGrowAutofit /> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState=&quot;false&quot; LatentStyleCount=&quot;156&quot;> </w:LatentStyles> </xml><![endif]--><!--[if gte mso 10]> <mce:style><! /* Style Definitions */ table.MsoNormalTable {mso-style-name:&quot;Tabla normal&quot;; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:&quot;&quot;; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:&quot;Times New Roman&quot;; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} --> <!--[endif]-->

29. Altres mòduls Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat I molts altres més... Open Calais . Crear automàticament etiquetes semàntiques en el nostre contingut. (Drupal 6) Glossify . Auto genera links en el site amb paraules rellevants. SEO Checklist . Crea una checklist amb alguns mòduls necessaris. SEO Compliance Checker . Detecta errors en configuracions SEO de la nostre web. I molts més I més ...

30. Posicionar un lloc web multi-idioma Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat La majoria de mòduls estàn preparats per multi-idioma però s'han de tenir en compte algunes particularitats.

31. Posicionar un lloc web multi-idioma Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Variables multi-idioma Ens permet definir el Títol de lloc web, el slogan, el footer etc... amb varis idiomes. Per fer-ho s'ha d'afegir el següent codi al settings.php. $conf['i18n_variables'] = array( // Site name, slogan, mission, etc.. 'site_name', 'site_slogan', 'site_mission', 'site_footer', );

32. Posicionar un lloc web multi-idioma Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Carpetes, subdominis o dominis Drupal ens permet facilment classificar la informació de un lloc web multi-idioma. La millor configuració per la classificació d'aquesta informació en idiomes seria per dominis sempre I quan sigui possible: domini.cat (versió en català) domini.es (versió en castellà) domini.com (versió en anglès) D'aquesta manera estem geolocalitzant la nostra web.

33. Collita pròpia Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Cadascú té els seus propis “trucs”.

34. Collita pròpia Url absolutes Que tots els links interns del nostre site es facin amb url absolutes enlloc de amb relatives. <a href=&quot;/estetica-y-belleza/trucos-basicos-de-belleza&quot;>Trucos básicos de belleza</a> <a href=&quot;http://www.domini.cat/estetica-y-belleza/trucos-basicos-de-belleza&quot;>Trucos básicos de belleza</a> També es pot afegint el seguent codi a settings.php (si no tenim ssl): function custom_url_rewrite_outbound(&$path, &$options, $original_path) { $options['base_url'] = ' http://www.yoursite.com '; $options['absolute'] = true; } Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat

35. Collita pròpia Canviar el feed per defecte i crear-lo amb views El feed que es mostra per defecte a Drupal (rss.xml) a la home mostra els nodes marcats com promoted to front page. Molts cops volem canviar aquest funcionament per incorporar-hi altres continguts. Per fer-ho ens podem crear una vista de tipus rss amb views I incorporar-ho en substitució del general. També es bo convertir el feed a feedburner. Page.tpl: $head = str_replace('rss.xml', 'http://feeds.feedburner.com/nom', $head); Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat

36. Collita pròpia Tipus de contingut banner o similar Al crear un tipus de contigut banner o portafoli o similar, molts cops estem mostrant una vista amb els banners pero no enllaçem al node. Aquests continguts es poden arribar a enllaçar al cercador. Per solucionar-ho podem fer que la url en el pathauto d'aquest contingut sigui /no-indexar/nom-banner I podem afegir en el robots.txt que no indexi la carpeta /no-indexar/. Disallow: /no-indexar/ Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat

37. SEO I DRUPAL 7 Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Millores

38. SEO I DRUPAL 7 Vàris mòduls desenvolupats ja! Inclusió de RDF : Permetrà que Google I altres cercadors tinguin contexte sobre el contingut del site. Aixo podrà fer per exemple que entenguin que el nom d'una persona que surt com a creador d'una entrada del blog, es el autor I no un text aletori. Que tot siguin entitats, I sense haver de tractar de manera diferent: nodes, taxonomies, usuaris etc... facilitarà la feina de optimització global del lloc web. Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat

39. Altres millores generals Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat

40. Altres millores generals Redireccions sense www a www o biceversa Si no ho posem estem generant contingut duplicat al cercador. Afegir en el .htaccess el següent codi: RewriteCond %{HTTP_HOST} ^dominicat$ [NC] RewriteRule ^(.*)$ http://www.domini.cat/$1 [R=301,L] Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat

41. Altres millores generals Ip's Geolocalitzar la ip del nostres servidor al país que volguem posicionar. Una pàgina web amb una ip ùnica es millor considerada per els cercadors Ovh ens permet tenir vàries ip's i geolocalitzar-les a un preu raonable. Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat

42. Altres millores generals Rendiment Ultimament a les xerrades SEO es parla molt del rendiment de la pàgina com a factor molt important. Drupal està preparat amb vàris mòduls. Tot I que això seria una nova xerrada. Algú s'anima? Millores de rendiment de Drupal. (Optimitzar fitxers css, Optimitzar fitxers javascript, block cache, etc...) Boost Cache Router (APC, memcache, xcache) CDN (Content Delivery Network) ... Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat

43. Altres questions generals Edat del domini. Google Webmaster tools. Utilitzar html 5. Continguts Socials. Paraules clau rellevants. Contingut (Content is king). Enllaços exteriors I page rank Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat

44. Més informació Llibres I videos Events SearchCongress Barcelona 1, 2, 3 & 4 March 2011. http://www.search-congress.com/ Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Drupal 6 Search Engine Optimitzation. Ben Finklea, CEO de Volacci Drupal SEO. Lullabot. Ben Finklea, CEO de Volacci

45. Conclusió Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat Drupal es també el millor CMS per SEO

46. Contacteu Twitter: @ferranriera Correu: [email_address] | [email_address] Web profesional: http://www.drauta.com Gràcies a tothom, preguntes? Millorar el posicionament als cercadors amb Drupal / Sessió a Drupal.cat