viernes, 7 de diciembre de 2007

Creando páginas con buenos títulos

La etiqueta , bien utilizada, es una excelente herramienta que nos ayudará a dar a conocer nuestro sitio web a los demás y nos permitirá facilitar las cosas a nuestros usuarios.<br />El W3C nos recomienda que estos títulos no tengan más de 64 caracteres y que sean descriptivos del contenido del sitio. </p> <p>En principio, como su propio nombre indica, la etiqueta <title>, nos permite definir un título para nuestras páginas.<br /> Para generar documentos válidos deberás incluir siempre una etiqueta title en la cabecera de tus páginas </p> <ol><li><> </li><li><> </li><li><> Mi sitio Web - Descripción de mi sitio web </ title > </li><li></ head > </li><li>... </li></ol> <p>Este título será el encargado de dar nombre a tu sitio web en numerosas situaciones, en la ventana del navegador, en los listados de favoritos, en el historial de navegación, en los resultados de los buscadores… </p> <span class="textoResaltado">Errores comunes al crear titulos</span> <p>Todos cometemos errores alguna vez y estos son algunos de los más comunes a la hora de crear un título: </p> <ul><li>Dejar el título en blanco. </li><li>Introducir texto por defecto en el título (Sin titulo, Pagina Nueva…) </li><li>Utilizar títulos que no se ajusten al contenido del sitio </li><li>No transmitir contenido relevante </li></ul> <span class="textoResaltado">Consejos para titulos </span> <ul><li>Incluye el nombre de tu sitio web en el título. De esta forma podrás crear una marca consistente con todos tus artículos, ayudarás a tus visitantes a identificar tu sitio en sus marcadores y facilitarás la tarea de los (muchos) usuarios que navegan usando los botones adelante y atrás de su navegador.<br />Sobre la colocación, delante o detrás de la descripción, yo soy partidaria de colocarlo primero a pesar de que cara a los buscadores puede ser más eficaz colocar primero las palabras clave. Tu decides. </li><li>Crea títulos agradables a la vista y legibles por humanos.<br /> Utiliza los separadores y las mayúsculas y minúsculas correctamente </li><li>Mantente lo más breve y conciso que puedas. </li><li>Mantén una estructura consistente en todos los títulos de tu sitio web. </li></ul> <span class="textoResaltado">Titulos bonitos para CMS: </span> <p>En las páginas estáticas es muy sencillo editar los títulos pero, todos los que usamos algún CMS tendremos que apoyarnos en plugins y «hacks». </p> <ul><li><a href="http://sigt.net/wordpress-plugins/fancy-titles/" target="_blank" class="link_articulos">Fancy Titles </a> - Gracias a Héctor Delcourt, titulos bonitos y optimizados para WordPress (en uso en este blog) </li><li><a href="http://drupal.org/project/page_title" target="_blank" class="link_articulos">Page Title </a>: Con este plugin para Drupal podrás definir una estructura para los titulos de tus páginas y cambiar el título por defecto de los nodos. </li><li><a href="http://www.webmasterworld.com/content_management/3186081.htm" target="_blank" class="link_articulos">How to use title-alias as title tag </a> - Una solución para los títulos en Joomla </li></ul> <p>Seguro que hay muchos más para otros CMS, si conocéis alguno interesante dejadlo en los comentarios. </p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/01088153830593669410' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/01088153830593669410' rel='author' title='author profile'> <span itemprop='name'>.::Leo::.</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://bloggactual.blogspot.com/2007/12/creando-pginas-con-buenos-ttulos.html' itemprop='url'/> <a class='timestamp-link' href='https://bloggactual.blogspot.com/2007/12/creando-pginas-con-buenos-ttulos.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2007-12-07T13:10:00-08:00'>13:10</abbr></a> </span> <span class='post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1038942103'> <a href='https://www.blogger.com/post-edit.g?blogID=2480671638451983023&postID=1127650022274835703&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>No hay comentarios:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <a href='https://www.blogger.com/comment.g?blogID=2480671638451983023&postID=1127650022274835703' onclick=''>Publicar un comentario</a> </p> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://bloggactual.blogspot.com/2007/12/como-visualizar-los-anuncios-de-google.html' id='Blog1_blog-pager-newer-link' title='Entrada más reciente'>Entrada más reciente</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://bloggactual.blogspot.com/2007/12/lo-que-no-se-puede-decir-en-internet.html' id='Blog1_blog-pager-older-link' title='Entrada antigua'>Entrada antigua</a> </span> <a class='home-link' href='https://bloggactual.blogspot.com/'>Inicio</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Suscribirse a: <a class='feed-link' href='https://bloggactual.blogspot.com/feeds/1127650022274835703/comments/default' target='_blank' type='application/atom+xml'>Enviar comentarios (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML1'> <h2 class='title'>Estadisticas</h2> <div class='widget-content'> <center><a href="http://whos.amung.us/show/i5u1xj9c"><img border="0" alt="web stats" width="81" src="http://whos.amung.us/widget/i5u1xj9c.png" height="29"/></a></center> </div> <div class='clear'></div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Archivo del blog</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://bloggactual.blogspot.com/2008/'> 2008 </a> <span class='post-count' dir='ltr'>(3)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://bloggactual.blogspot.com/2008/01/'> enero </a> <span class='post-count' dir='ltr'>(3)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='https://bloggactual.blogspot.com/2007/'> 2007 </a> <span class='post-count' dir='ltr'>(14)</span> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='https://bloggactual.blogspot.com/2007/12/'> diciembre </a> <span class='post-count' dir='ltr'>(14)</span> <ul class='posts'> <li><a href='https://bloggactual.blogspot.com/2007/12/valor-hexadecimal.html'>Valor hexadecimal</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/haz-tu-sitio-ms-atractivo-para-los.html'>Haz tu sitio más atractivo para los anunciantes</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/cmo-adsense-puede-resultar-beneficioso.html'>Cómo AdSense puede resultar beneficioso para un si...</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/anuncia-tu-sitio-web-en-toda-la-red.html'>Anuncia tu sitio web en toda la Red</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/spam-reports-cmo-remediar-penalizacin.html'>“SPAM reports”, ¿cómo remediar penalización de pág...</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/como-visualizar-los-anuncios-de-google.html'>Como visualizar los anuncios de Google AdWords en ...</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/creando-pginas-con-buenos-ttulos.html'>Creando páginas con buenos títulos</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/lo-que-no-se-puede-decir-en-internet.html'>Lo que no se puede decir en Internet</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/cunto-tarda-en-descargar-una-pgina-web.html'>¿Cuánto tarda en descargar una página web?</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/acelerar-velocidad-del-modem-1152-kbps.html'>Acelerar velocidad del modem a 115,2 Kbps</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/tips-para-el-diseo-web.html'>Tips para el Diseño Web</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/evitando-el-click-aqu-el-arte-de.html'>Evitando el click aquí: el arte de enlazarEvitando...</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/simular-dominio-en-localhost-con-apache.html'>Simular dominio en localhost con Apache</a></li> <li><a href='https://bloggactual.blogspot.com/2007/12/google-ya-indexa-los-archivos-flash.html'>Google ya indexa los archivos Flash</a></li> </ul> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>Datos personales</h2> <div class='widget-content'> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/01088153830593669410' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> .::Leo::. </a> </dt> </dl> <a class='profile-link' href='https://www.blogger.com/profile/01088153830593669410' rel='author'>Ver todo mi perfil</a> <div class='clear'></div> </div> </div></div> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div></div> <!-- end outer-wrapper --> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4290687098-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY4sK08mcR2Hpd1kDCVO7iVaJ2_4ow:1714914999930';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2480671638451983023','//bloggactual.blogspot.com/2007/12/creando-pginas-con-buenos-ttulos.html','2480671638451983023'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2480671638451983023', 'title': 'Full Actualidad', 'url': 'https://bloggactual.blogspot.com/2007/12/creando-pginas-con-buenos-ttulos.html', 'canonicalUrl': 'http://bloggactual.blogspot.com/2007/12/creando-pginas-con-buenos-ttulos.html', 'homepageUrl': 'https://bloggactual.blogspot.com/', 'searchUrl': 'https://bloggactual.blogspot.com/search', 'canonicalHomepageUrl': 'http://bloggactual.blogspot.com/', 'blogspotFaviconUrl': 'https://bloggactual.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'es', 'localeUnderscoreDelimited': 'es', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Full Actualidad - Atom\x22 href\x3d\x22https://bloggactual.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Full Actualidad - RSS\x22 href\x3d\x22https://bloggactual.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Full Actualidad - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2480671638451983023/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Full Actualidad - Atom\x22 href\x3d\x22https://bloggactual.blogspot.com/feeds/1127650022274835703/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/a26ecadc30bb77e6', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtener enlace', 'key': 'link', 'shareMessage': 'Obtener enlace', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartir en Facebook', 'target': 'facebook'}, {'name': 'Escribe un blog', 'key': 'blogThis', 'shareMessage': 'Escribe un blog', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Compartir en Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartir en Pinterest', 'target': 'pinterest'}, {'name': 'Correo electr\xf3nico', 'key': 'email', 'shareMessage': 'Correo electr\xf3nico', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27es\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Leer m\xe1s', 'pageType': 'item', 'postId': '1127650022274835703', 'pageName': 'Creando p\xe1ginas con buenos t\xedtulos', 'pageTitle': 'Full Actualidad: Creando p\xe1ginas con buenos t\xedtulos'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'El enlace se ha copiado en el Portapapeles.', 'ok': 'Aceptar', 'postLink': 'Enlace de la entrada'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Personalizado', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Creando p\xe1ginas con buenos t\xedtulos', 'description': 'La etiqueta , bien utilizada, es una excelente herramienta que nos ayudar\xe1 a dar a conocer nuestro sitio web a los dem\xe1s y nos permitir\xe1 fac...', 'url': 'https://bloggactual.blogspot.com/2007/12/creando-pginas-con-buenos-ttulos.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 1127650022274835703}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2336605088-lbx__es.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Cargando\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull')); </script> </body> </html>