RysthDesign - Agencia de Diseño Web en Guayaquil

Table of Contents

• Sobre el Proyecto
• Tecnologías Utilizadas
• Características Principales
• Guía de SEO
• Desarrollo Local
• Authors
• License

Sobre el Proyecto

Agencia de diseño y desarrollo web profesional ubicada en Guayaquil, Ecuador. Especializada en:

• 🎯 Sitios Web Profesionales
• 🛒 Tiendas Online (E-commerce)
• 💻 Aplicaciones Web

Tecnologías Utilizadas

• Astro
• React
• TailwindCSS
• DaisyUI
• TypeScript

Características Principales

• ⚡ Rendimiento Optimizado (99/100 en Lighthouse)
• 📱 Diseño Totalmente Responsivo
• 🔍 SEO Optimizado para el mercado de Guayaquil
• 🛠️ Stack Tecnológico Moderno

Guía de SEO

1. Google Search Console

1. Ir a Google Search Console
2. Agregar propiedad (dominio o URL)
3. Verificar propiedad mediante:
   • Archivo HTML
   • Meta tag
   • DNS record
4. Subir sitemap.xml

   https://rysthdesign.com/sitemap-index.xml

2. Google Business Profile

1. Visitar Google Business
2. Crear perfil de negocio
3. Agregar información importante:
   • Dirección física en Guayaquil
   • Horario de atención
   • Fotos del negocio
   • Servicios ofrecidos
4. Solicitar verificación por correo postal

3. Structured Data

1. Agregar al Layout.astro:

<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebDesigner",
    "name": "RysthDesign",
    "image": "https://rysthdesign.com/logo.png",
    "description": "Agencia de Diseño Web en Guayaquil",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Guayaquil",
      "addressRegion": "Guayas",
      "addressCountry": "EC"
    },
    "priceRange": "$$"
  }
</script>

4. Meta Tags Esenciales

1. Agregar en Layout.astro:

<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<meta name="description" content="Agencia de Diseño Web en Guayaquil 🚀" />
<meta name="keywords" content="diseño web guayaquil, paginas web ecuador" />

5. Optimización Local

1. Palabras clave objetivo:

   • diseño web guayaquil
   • desarrollo web ecuador
   • paginas web guayaquil
   • tiendas online ecuador

2. Contenido local:

   • Blog posts sobre desarrollo web en Ecuador
   • Casos de éxito de clientes locales
   • Testimonios de empresas guayaquileñas

3. Backlinks locales:

   • Cámara de Comercio de Guayaquil
   • Directorios de empresas ecuatorianas
   • Eventos tech locales

6. Herramientas de Verificación

• Schema Validator
• Rich Results Test
• PageSpeed Insights

Live Demo

Live Demo

Desarrollo Local

1. Clonar el repositorio:

   git clone https://github.com/Rysth/ASTRO-RysthDesign.git
   cd ASTRO-RysthDesign
   code .  # To open VS Code Editor

2. Customize as needed.

Commands

• npm run dev: Run the app in development mode.
• npm run build: Build the app for production.
• npm run eslint: Launch the ESLINT command.

Linters

• CSS Checker:

  npx stylelint "**/*.{css,scss}"

• ESLint Checker:

  npx eslint "**/*.{js,jsx}"

Authors

• John Palacios

  • LinkedIn
  • GitHub

License

This project is MIT licensed.