SEO – Emanuel Paxtian https://emanuelpaxtian.com/blog Thu, 07 Jul 2016 00:13:30 +0000 es hourly 1 Agregar Facebook Open Graph y Twitter Cards en tu sitio WordPress sin Plugins https://emanuelpaxtian.com/blog/agregar-facebook-open-graph-y-twitter-cards-en-tu-sitio-wordpress-sin-plugins/ Thu, 07 Jul 2016 00:04:38 +0000 https://emanuelpaxtian.com/blog/?p=1012 Agregar Facebook Open Graph y Twitter Cards en tu sitio WordPress es algo que sin duda tendras que hacer tarde o temprano, como lo he comentado el uso de plugins no me es del todo de mi agrado y por lo tanto les voy a dejar una forma de agregar Facebook Open Graph y Twitter Cards sin el uso de ningún extra.

Todo lo que tenemos que haces es abrir nuestro el administrador y editar nuestro archivo functions.php de nuestro tema y realizar los cambios en necesarios para su sitio les puedo listar los siguientes.

  • og:site_name:
  • twitter:card
  • twitter:creator
  • twitter:site
function insertar_opengraph_doctype( $output ) {
        return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';


    }
add_filter('language_attributes', 'insertar_opengraph_doctype');

//Lets add Open Graph Meta Info

function insertar_meta() {
    global $post;
    if ( !is_singular()) //if it is not a post or a page
        return;
 
if (is_single() || is_page() ) : if (have_posts() ) : while (have_posts() ) : the_post(); 
        echo '<meta property="og:description" content="'.get_the_excerpt().'">';
        echo '<meta name="twitter:description" content="'.get_the_excerpt().'" />';
        endwhile; endif; elseif (is_home() ): 
        echo '<meta property="og:description" content="Sitio web personal donde trato temas de tecnologia en general y pragramación principalmente php, mysql,css y jquery ">';
        endif;
        echo '<meta property="fb:admins" content="532138163535147"/>';

        echo '<meta property="og:title" content="' .get_the_title(). '"/> ';

        echo '<meta property="og:type" content="article"/> ';

        echo '<meta property="og:url" content="' . get_permalink() . '"/> ';

        echo '<meta property="og:site_name" content="Emanuel Paxtian"/> ';

        echo '<meta name="twitter:card" content="summary_large_image" />';

echo '<meta name="twitter:title" content="'.get_the_title().'" />';
echo '<meta name="twitter:site" content="@psolucionesnet" />';

echo '<meta name="twitter:creator" content="@psolucionesnet" />';
       

    if(!has_post_thumbnail( $post->ID )) { 
        $default_image="https://emanuelpaxtian.com/blog/avatar.jpg";
        echo '<meta property="og:image" content="' . $default_image . '"/> ';
    }
    else{
        $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );
        echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/> ';
        echo '<meta name="twitter:image" content="' . esc_attr( $thumbnail_src[0] ). '" />';
    }
    echo "
";
}
add_action( 'wp_head', 'insertar_meta', 5 );

Espero te haya gustado este articulo y espero que lo usen y lo modifiquen ya que es un ejemplo básico pero se puede mejorar.

]]> Corregir error 404 del sitemap xml Yoast SEO https://emanuelpaxtian.com/blog/corregir-error-404-yoast-seo-site-map-xml/ Thu, 06 Aug 2015 16:18:55 +0000 https://psoluciones.net/?p=899 Recientemente instale el Yoast SEO y al accesar a la parte del sitemap genera un error 404 y no muestra el sitemap

QUE  ES UN SITEMAP

Un sitemap es un archivo XML que contiene una lista de las páginas del sitio junto con alguna información adicional, tal como con qué frecuencia la página cambia sus contenidos, cuándo fue su última actualización y qué tan importante es respecto al resto de las páginas del mismo sitio.

CORRIGIENDO EL ERROR 404 DEL YOAST SEO

Para corregir el error 404 que nos aparece es muy sencillo solo tendremos que agregar unas lineas a nuestro archivo .htaccess, las lineas a añadir son las siguientes, las cuales podemos añadirlas desde el dashboard.

  • Vamos a SEO damos clic en herramientas
  • Editor de archivos
  • entramos a la sección Archivo .htaccess
  • pegamos el código a continuación.

 

RewriteRule ^sitemap_index.xml$ /index.php?sitemap=1 [L]
RewriteRule ^locations.kml$ /index.php?sitemap=wpseo_local_kml [L]
RewriteRule ^geo_sitemap.xml$ /index.php?sitemap=geo [L]
RewriteRule ^([^/]+?)-sitemap([0-9]+)?.xml$ /index.php?sitemap=$1&sitemap_n=$2 [L]
RewriteRule ^([a-z]+)?-?sitemap.xsl$ /index.php?xsl=$1 [L]

Espero les sea de utilidad la información y no olviden compartirla

]]> Redireccionar Blogspot Blogger a dominio propio https://emanuelpaxtian.com/blog/redireccionar-blogspot-blogger-a-dominio-propio/ Fri, 17 Jul 2015 22:55:59 +0000 https://psoluciones.net/?p=840 Cuando migramos de un Blogspot hacia un dominio propio es muy conveniente dirigir el trafico que estamos recibiendo por este medio a nuestro dominio ya que muchos tal vez ni estén enterados de el cambio que hemos realizado y pueden creer que no lo actualizamos o que ya lo abandonamos

Como en estos sistemas no tenemos acceso al directorio local raíz no podremos modificar nuestro htaccess que de cierta forma sera la mejor manera pero lo solventaremos con javascript y crearemos redirección 301 hacia nuestro nuevo dominio.

Para esto procederemos a editar nuestra plantilla y en nuestro tema debemos ubicar las etiquetas <head> y entre ellas colocar el siguiente código donde www.psoluciones.net lo deberás cambiar por el nombre de tu dominio.

<script type="text/javascript">// <![CDATA[  
location.href='https://emanuelpaxtian.com/blog';  
// ]]></script>
]]> Infografia Webmaster Tools de Google https://emanuelpaxtian.com/blog/infografia-webmaster-tools-de-google/ Thu, 11 Jun 2015 17:43:37 +0000 https://87cc6webmaster.png Les comparto una infografía que me encontre en la red sobre Webmaster Tools de Google

]]> Infografí­a con 20 tips para aprovechar al máximo una FanPage de Facebook https://emanuelpaxtian.com/blog/infografi%c2%ada-con-20-tips-para-aprovechar-al-maximo-una-fanpage-de-facebook/ Wed, 15 Apr 2015 12:39:13 +0000 https://fa0f9sacando-provecho-a-una-fanpage.jpg Una de las cosas interesantes que tiene Facebook son sus páginas, ya que desde ellas puedes obtener una audiencia muy grande para tu empresa o sitio web.

Sin embargo no es una tarea sencilla lograr el éxito de una Fanpage, se necesita trabajar y tener constancia en los contenidos que publicas para que los seguidores compartan, interactuen y así llegar a más personas.

Por eso hoy queremos compartir con vosotros una genial infografía, con nada menos que 20 tips para aprovechar al máximo una FanPage de Facebook. Los tips que mencionan en la misma son muy interesantes pero hay que llevarlas a cabo de manera progresiva ya que no hay una solución mágica.

]]> ¿Cuanto tarda Google en indexar un sitio? https://emanuelpaxtian.com/blog/cuanto-tarda-google-en-indexar-un-sitio/ Tue, 17 Mar 2015 12:03:41 +0000 https://26685Google-Crawl-Index-550x331.jpg Todos sabemos que el éxito de un sitio web depende no solo de la calidad de su contenido sino de si esta indexado por los buscadores o no y pues esto nos lleva a a una pregunta ¿Cuánto tarda Google en indexar un nuevo sitio?. Pues ahora gracias a un pequeño experimento tenemos la respuesta.

Matthew Rothenberg, desarrollador y consultor, fue el que decidió llevar a cabo el experimento que trataba de un sitio webque se auto-destruiría cuando este fuera indexado por Google. Pronto se fueron juntando algunos usuarios que comenzaron a generar y compartir contenido a sabiendas de que el sitio pronto caería.

Al buscadorle tomo 22 días dar con el sitio, en este tiempo se generaron 31 contribuciones de la comunidad y se consiguieron 346 visitas. Así que en condiciones ideales podemos decir que este es el tiempo que le toma a Google encontrar un nuevo sitio web.

Ahora el sitio esta abajo y solo queda un mensaje que indica algunos datos sobre el experimento, sin embargo si quieren reproducirlo pueden encontrar el código fuente en Github.

]]> Diferencias entre el Diseño web Responsive o web Adaptive https://emanuelpaxtian.com/blog/diferencias-entre-el-diseno-web-responsive-o-web-adaptive/ Fri, 28 Nov 2014 11:52:52 +0000 https://c5686heatmap-responsive-adsense-theme.gif Cuando se desea contratar el desarrollo de una nueva web o bien reformar la existente, es muy probable, que su agencia de marketing online o diseñador web, le mencione conceptos como “diseño web responsive (o responsivo) ” o “diseño web adaptive (o adaptable) ” y es importante conocer dichos conceptos y sus diferencias para la toma de decisiones y escoger la mejor opción para su proyecto. En este explicaremos la diferencia entre los mismos.

La creación de estas nuevas tecnologías para el  diseño web es  debida fundamentalmente  a la necesidad  de navegación en internet  a través de dispositivos móviles y tabletas.

El uso de internet a través de dispositivos móviles  es cada vez más frecuente yno para de aumentar, hay infinidad de tamaños de pantalla y formas en los móviles y tabletas, desde tamaños muy pequeños  a otros mayores pero  generalmente más pequeños que un PC de sobremesa. Es evidente que deseamos que la web  funcione y se vea correctamente en cualquier dispositivo, para facilitar la navegación e interacción  del usuario de forma de poder mostrar nuestro mensaje o producto eficazmente y  conseguir la conversión esperada. Si el usuario no  encuentra a su web optima y amigable realizará el salto a otra que si lo cumpla y se siente cómodo.

 

Uso de internet en España según dispositivos

La tecnología en diseño web no para de evolucionar para solucionar este problema, para ello nuestro proyecto debe de estar desarrollado con un diseño web responsive o bien web adaptive para que la web sea adecuada a cualquier dispositivo. Usted debe de  escoger cual es el que mejor se adapta a sus necesidades por ello le indicamos una breve descripción de ellos junto con pros y contras.

 Diseño web Responsive

Un sitio web desarrollado con tecnología Responsive cambia su aspecto automáticamente para adaptarse al dispositivo que el usuario está utilizando. Una de las principales diferencias entre Responsive y Adaptive es que en  el responsive , permite que las páginas de la web  se ajusten automáticamente  al sistema operativo y el diseño de cualquier navegador, adaptándose al dispositivo ya sea un PC de sobremesa, un portátil, un móvil o un tablet.

En principio se mostrará el mismo contenido de la web sea cual sea el dispositivo, pero la distribución del mismo variará en función del tamaño de la ventana

Ventajas

  • Solo se utiliza una web única, la misma url, es decir se muestra el mismo contenido con la misma url independientemente del dispositivo.  Si se crea una web móvil, solo para móviles se requiere otras urls
  • La página web se ajusta automáticamente al tamaño de la pantalla
  • Se utiliza una única plantilla para todos los dispositivos, cualquier cambio que deseamos realizar en una página solo se actúa en esta página con la misma url

Inconvenientes

  • La carga de página es mas lenta que en el Adaptive
  • Requiere mayor tecnología
  • Se carga todo el contenido, es decir  puede ser que interese diferenciar el contenido en la versión PC que en un móvil. Actualmente también se puede realizar, pero depende de la tecnología usada.

 

Diseño web Adaptive

En el diseño Adative  se desarrollan y crean un conjunto de plantillas  de diseño predefinidos basados en diferentes tamaños de pantalla de dispositivos es decir se muestra el diseño “adaptado” al dispositivo. A diferencia del anterior que a través del navegador, es el servidor quien detecta el dispositivo del usuario y carga la versión adecuada del sitio según el dispositivo al que está optimizado.

Ventajas

  • Solo se utiliza una web única, la misma url, es decir se muestra el mismo contenido con la misma url independientemente del dispositivo, como el caso anterior
  • La carga es más rápida que el caso anterior, ya que solo se carga el contenido específico para dicho dispositivo
  • Se puede diferenciar el contenido para cada dispositivo

Inconvenientes

  • Generalmente requiere mayor mantenimiento
  • La web es diferente en cada dispositivo , un cambio implica hacerlo en cada plantilla de cada dispositivo

¿Cuál escoger? ¿Resposnve o Adaptive?

La decisión siempre depende de las necesidades  y requerimientos de cada caso.

Los sitios web con mucho contenido o que no requieren grandes diferencias en la presentación de contenidos para móviles y PC suelen  ser adecuadas para un diseño web Responsive.

Tal vez aconsejaríamos un diseño web adaptive cuando se requiere un tratamiento diferencial para el usuario del móvil respecto al PC  y el rendimiento del sitio web es un factor crucial.

Si necesitas un nuevo desarrollo para tu web, o bien un rediseño web para modificarla y modernizarla para adaptarla a cualquier dispositivos asesórate correctamete y conoce y comprende  las necesidades de tus clientes.

]]> Como hacer que la imagen de fondo se adapte al tamaño de la pantalla con CSS3 https://emanuelpaxtian.com/blog/como-hacer-que-la-imagen-de-fondo-se-adapte-al-tamano-de-la-pantalla-con-css3/ Thu, 27 Nov 2014 19:23:55 +0000 https://f1398css3.jpg Puede ser interesante para nuestro diseño web y sobretodo si queremos hacer páginas multiplataforma que se adapten al tamaño de pantalla de los distintos dispositivos (diseño web adaptativo) poner una imagen de fondo que se adapte al tamaño y resolución de la pantalla del usuario.

La propiedad “background-size: cover” nos permite aumentar el tamaño de la imagen de fondo, en lugar de que nos muestre la imagen varias veces.

Para ello, solo debemos utilizar la siguiente instrucción CSS:

body{
background: url(imagen.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Con estos parámetros la función será válida para todos los navegadores (Cross-browsing)

]]> Lo que debe tener todo sitio móvil https://emanuelpaxtian.com/blog/lo-que-debe-tener-todo-sitio-movil/ Tue, 15 Jul 2014 12:29:37 +0000 https://a3425appsmoviles.png Hay algunos puntos importantes a considerar cuando realizamos un sitio web para móviles, es que no es solo dejar la plantilla por default que encontramos en internet hay que tener algunas consideraciones especiales si queremos que nuestro sitio web tenga éxito.

  1. – Botones de acción para llamadas o enviar mensajes SMS
  2. – Incluir mapas con la localización de las sucursales u oficinas
  3. – Formularios de contacto, cortos por favor.
  4. – Utilizar opciones para ocultar contenidos colapsables y slides de imágenes
  5. – Menús de navegación, sencillos
  6. – Incluir videos
  7. – Botones de acción grandes
  8. – Enlace a la versión completa del sitio
  9. – Enlaces a sitios externos y redes sociales

Fuente: http://activemobi.com/blog/top-9-features-mobile-consumers-want-on-your-mobile-website-infographic

]]> Los tres principales errores del Email Marketing https://emanuelpaxtian.com/blog/los-tres-principales-errores-del-email-marketing/ Fri, 11 Jul 2014 11:29:10 +0000 https://af194pTQfypCcAAzCCX.jpg Todos estos errores afectan los resultados. Si bien, cada empresa y su audiencia es un caso particular, es bueno considerarlos y por qué no, probarlos.

]]>