Trucos y tutoriales webmaster Tutoriales Varios

Pon a volar Wordpress con este truco y mejora el SEO

pon-wordpress-a-volar-con-este-truco¿Quieres poner a volar Wordpress?: Mejora el rendimiento y que cargue mucho mas rápido, con este sencillo truco, sin Plugin¡.

Tener sitios web bien optimizados ya no es una opción. Es un requisito. Un punto que a veces no tenemos en cuenta es que cuando cambiamos de servidor, algunos parámetros se des-configuran, por lo que podemos pasar de tener un alto rendimiento web a tener una web que tarda mucho en cargar. Hay herramientas que nos permiten gestionar el tiempo de carga, por lo que debemos comprobar si hay algún cambio siempre que agregamos nuevos plugins o cambiamos de servidor. Pon a volar WordPress

Lo normal y lo que muchos piensan es darle la culpa al servidor, pensando que es malo, pero no siempre es así. Lo único que faltaba era configurar correctamente el archivo .htaccess, que es un archivo de Apache.  Con solo Modificar mi archivo .htaccess y magia, se hace la luz, y de inmediato su sitio se carga mucho mas rápido.

Poder optimizar adecuadamente el archivo .htaccess cobra muchísima importancia a la hora del posicionamiento SEO y para aumentar considerablemente el rendimiento de tu página web.

A continuación mostramos un códigos que pueden incluir en su archivo .htaccess: ( Al final También te coloco como editar o crear un .htaccess )

  • Para lograr esto tenemos que editar el .htaccess (o crear uno) si no lo tienes en el directorio de nuestro WP, como hacemos esto?:
  • Descargar .htaccess por FTP o crear uno en nuestra PC y subirlo por FTP
  • Acceder desde cPanel con el Administrador de Archivos, en algunos casos no lo veras pero: (seleccionar ver archivos ocultos) y crear o editar uno, (Normalmente esta allí)

Si no sabes como editarlo desde tu PC o Mac Instala el plugin wp htaccess editor el cual permite editar el .htacces,  y el mismo permite editar el .htaccess desde el panel de administración de WP (también hace un backup por cada edicion).


 

 

Nota: Generalmente todos los Wordpress ya tiene un ( .htaccess ) te recomiendo que si lo haces sin plugin, hagas una copia de seguridad de tu .htaccess actual
.

 

Ahora tendremos que agregar en el .htaccess (arriba de todo contenido que tenga el mismo):

Código:

######### diginota.com SETTING - START  ##########

Options All -Indexes

 

# Disable ETags

<IfModule mod_headers.c>

Header unset ETag

    Header set Connection keep-alive

</IfModule>

FileETag None

 

############## MaxCDN Fix #############

<IfModule mod_headers.c>

  <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">

    Header set Access-Control-Allow-Origin "*"

  </FilesMatch>

</IfModule>

 

########### REDIRECT TRAFFIC TO HTTPS ############

RewriteEngine On

RewriteCond %{HTTPS} off

RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

 

############ SECURITY ###########

<FilesMatch "\.(md|exe|sh|bak|inc|pot|po|mo|log|sql)$">

Order allow,deny

Deny from all

</FilesMatch>

 

<Files robots.txt>

Allow from all

</Files>

 

############## CACHING-GZIP ############

<IfModule mod_expires.c>

ExpiresActive On

ExpiresDefault A2592000

 

<FilesMatch "\.(txt|xml|js)$">

ExpiresDefault A2592000

</FilesMatch>

 

<FilesMatch "\.(css)$">

ExpiresDefault A2592000

</FilesMatch>

 

<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">

ExpiresDefault A2592000

</FilesMatch>

 

<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">

ExpiresDefault A2592000

</FilesMatch>

</IfModule>

 

<IfModule mod_headers.c>

  <FilesMatch "\.(txt|xml|js)$">

   Header set Cache-Control "max-age=2592000"

  </FilesMatch>

 

  <FilesMatch "\.(css)$">

   Header set Cache-Control "max-age=2592000"

  </FilesMatch>

 

  <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">

   Header set Cache-Control "max-age=2592000"

  </FilesMatch>

 

  <FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">

   Header set Cache-Control "max-age=2592000"

  </FilesMatch>

</IfModule>

 

<IfModule mod_deflate.c>

    <IfModule mod_setenvif.c>

        <IfModule mod_headers.c>

            SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding

            RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding

        </IfModule>

    </IfModule>

    <IfModule mod_filter.c>

        AddOutputFilterByType DEFLATE "application/atom+xml" \

                                      "application/javascript" \

                                      "application/json" \

                                      "application/ld+json" \

                                      "application/manifest+json" \

                                      "application/rdf+xml" \

                                      "application/rss+xml" \

                                      "application/schema+json" \

                                      "application/vnd.geo+json" \

                                      "application/vnd.ms-fontobject" \

                                      "application/x-font-ttf" \

                                      "application/x-javascript" \

                                      "application/x-web-app-manifest+json" \

                                      "application/xhtml+xml" \

                                      "application/xml" \

                                      "font/eot" \

                                      "font/opentype" \

                                      "image/bmp" \

                                      "image/svg+xml" \

                                      "image/vnd.microsoft.icon" \

                                      "image/x-icon" \

                                      "text/cache-manifest" \

                                      "text/css" \

                                      "text/html" \

                                      "text/javascript" \

                                      "text/plain" \

                                      "text/vcard" \

                                      "text/vnd.rim.location.xloc" \

                                      "text/vtt" \

                                      "text/x-component" \

                                      "text/x-cross-domain-policy" \

                                      "text/xml"

 

    </IfModule>

    <IfModule mod_mime.c>

        AddEncoding gzip              svgz

    </IfModule>

 

</IfModule>

######### CRUNCHIFY SETTING END ############

 

# BEGIN WordPress

<IfModule mod_rewrite.c>

RewriteEngine On

RewriteBase /premium/

RewriteRule ^index\.php$ - [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule . /premium/index.php [L]

</IfModule>

 

# END WordPress

 O este: pero cuidado este da algunos problemas en algunos servidores:

# pon a volar tu wordpress  #

Options   +FollowSymLinks

Options   -Indexes

 <IfModule   mod_headers.c >

 <FilesMatch   "\.(js|css|xml|gz)$" >

Header   append   Vary   Accept-Encoding

 </FilesMatch >

 <FilesMatch   "\.(ico|jpe?g|png|gif|swf)$" >

Header   set   Cache-Control   "public"

 </FilesMatch >

 <FilesMatch   "\.(css)$" >

Header   set   Cache-Control   "public"

 </FilesMatch >

 <FilesMatch   "\.(js)$" >

Header   set   Cache-Control   "private"

 </FilesMatch >

 <FilesMatch   "\.(x?html?|php)$" >

Header   set   Cache-Control   "private,   must-revalidate"

 </FilesMatch >

 </IfModule >

 <ifModule   mod_headers.c >

Header   set   Connection   keep-alive

 </ifModule >

 <FilesMatch   "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$" >

Header   set   Cache-Control   "max-age=290304000,   public"

 </FilesMatch >

#   BEGIN   GZIP

 <ifmodule   mod_deflate.c >

AddOutputFilterByType   DEFLATE   text/text   text/html   text/plain   text/xml   text/css   application/x-javascript   application/javascript

 </ifmodule >

#   END   GZIP

 <ifModule   mod_gzip.c >

mod_gzip_on   Yes

mod_gzip_dechunk   Yes

mod_gzip_item_include   file   .(html?|txt|css|js|php|pl)$

mod_gzip_item_include   handler   ^cgi-script$

mod_gzip_item_include   mime   ^text/.*

mod_gzip_item_include   mime^application/x-javascript.*

mod_gzip_item_exclude   mime   ^image/.*

mod_gzip_item_exclude   rspheader   ^Content-Encoding:.*gzip.*

 </ifModule >

 <FilesMatch   "\.(ico|jpg|jpeg|png|gif|js|css|swf)$" >

ExpiresDefault   "access   plus   2   hours"

 </FilesMatch >

FileETag   none

 <ifModule   mod_expires.c >

ExpiresActive   On

ExpiresDefault   "access   plus   1   seconds"

ExpiresByType   text/html   "access   plus   1   seconds"

ExpiresByType   image/gif   "access   plus   2592000   seconds"

ExpiresByType   image/jpeg   "access   plus   2592000   seconds"

ExpiresByType   image/png   "access   plus   2592000   seconds"

ExpiresByType   text/css   "access   plus   604800   seconds"

ExpiresByType   text/javascript   "access   plus   216000   seconds"

ExpiresByType   application/x-javascript   "access   plus   216000   seconds"

 </ifModule >

Este código permite manejar los tiempos de cache, no permite el listado de directorio sin archivo de inicio (ejemplo index.php), comprimir el sitio con gZIP y otros valores mas…En fin no tienes porque utilizar mas  W3 Total Cache ni el Super cache, logrando ademas un mejor desempeño de tu  servicio Hosting, Al prescindir de plugin´s.

Que pasa si mi sitio queda en blanco o da error 500?
Esto significa que alguna de las reglas que agregamos al .htaccess no es aceptada por su servidor, pueden ir probando 1×1 sacando hasta descubrir cual es la causante del problema.( es muy raro este caso)

Este código funciona para sitios que no sean en WordPress?
Claro que si, funciona para cualquier sitio, sea WP, Joomla, Drupal o no  OJO (NO funciona en plataformas Blogger)

Todo bien y ahora como se que puntaje tiene mi sitio?
Entra a este sitio: GTmetrix | Website Speed and Performance Optimization le das analizar y ese será tu puntaje, luego colocas el código en .htaccess y le das al botón re-analizar para ver los cambios!, como también en esta pagina  | pingdom tools,  | y en la propia  | PageSpeed Insights  | de google.

 wordpress-velocidad-seo-rapido-truco

wordpress-mucho-mas-rapido-truco

De 87 Paso a 92

¿Como crear o editar un archivo .htaccess?

  • Aquí se muestra como crear un archivo de texto adecuado para un archivo .htaccess:
  • Abrir un editor de texto en tu computadora. Recomendamos que uses Bloc de Notas (Windows), SimpleText (Macintosh), o Emacs (Linux/UNIX).
  • Guardar el archivo (en una ubicacion fácil de recordar) como .htaccess (incluyendo el punto inicial).
  • Ahora, revisa que tu editor de texto no agregue el sufijo .txt al nombre del archivo. (En Windows, puedes hacerlo haciendo clic derecho en el icono del archivo de texto y seleccionando propiedades). Si el nombre tiene el sufijo .txt (ej. “.htaccess.txt”) borra el sufijo renombrando el archivo.
  • Antes de ingresar codigo al nuevo archivo, verifica que el Ajuste de Línea está desactivado. (En Bloc de Notas, seleccione Formato… desde la barra de navegación superior y verifique que el Ajuste de Linea esta desactivado.) Esto es importante porque la mayoría de los comandos .htaccess necesitan ser ubicados en una linea solamente.
  • Ahora ya puedes ingresar tu código en el archivo.
  • Carga el archivo .htaccess en tu web en modo ASCII. El archivo .htaccess afectará a la carpeta en la que fue cargado y a todas sus subcarpetas.
Espero haberte ayudado, y recuerda compartir este articulo en tus redes sociales.