Skip to content

Commit

Permalink
Update palabras1.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@luisangelmaciel
luisangelmaciel committed Mar 14, 2024
1 parent fcd5f46 commit 8a0f1e3
Showing 1 changed file with 46 additions and 46 deletions.
92 changes: 46 additions & 46 deletions palabras1.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,25 +26,39 @@

<h1>Generador de Archivo Markdown</h1>
<ul><li><b>Original</b></li>
<li>Crea un Título de 55 a 65 caracteres, Incluye la palabra clave principal. Incluye 5 palabras clave keywords. Sé atractivo y descriptivo. Añade la Meta descripción de 120 a 150 caracteres, Incluye la palabra clave principal. Sé atractivo y descriptivo. Redacta el Contenido del articulo de 400 palabras, incluye la palabra clave principal y palabras clave secundarias en todo el texto. Asegúrate de que el contenido sea original, libre de plagio y de alta calidad, informativo y útil para los usuarios. Redacta un promt para ilustrar el articulo y proporciona un texto alternativo (alt text) que describa la imagen. Añade una o dos preguntas según consideres de pregunta frecuente con su respectivarespuesta. La pregunta debe contener de 40 a 60 caracteres. La respuesta de 120 a 150 caracteres o en caso de que fuera necesario para dar relavancia y precisión llega a 300 caracteres. Redacta un promt para ilustrar el articulo y proporciona un texto alternativo (alt text) que describa la imagen. El tema a desarrollar es: ¿Cuáles son las tendencias actuales en diseño de logos?</li>
<li>Cree el artículo más inteligente para clasificar en Google. Escribe el artículo de blog de 950 palabras con encabezados H1, H2, H3, H4, H5 y H6 y subtítulos. Hazlo en listas con viñetas y negritas. Debe ser en tono FORMAL, el estilo de escritura INFORMATIVO/TECHNICAL, original, pero comprensible para el público general, libre de plagio y presentar de dos a tres preguntas frecuentes (FAQs) y una conclusión. El tema es sobre "5 ideas para atraer nuevos clientes a tu tienda de abarrotes". Incluye definiciones, ejemplos y consejos prácticos. <br>
<li>Crea un Título de 55 a 65 caracteres, Incluye la palabra clave principal. Incluye 3 palabras clave de cola corta y 2 palabras de cola larga. Sé atractivo y descriptivo.
Añade la Meta descripción de 120 a 150 caracteres, Incluye la palabra clave principal. Sé atractivo y descriptivo.
Redacta el Contenido del articulo de 400 palabras, incluye la palabra clave principal y palabras clave secundarias en todo el texto.
Asegúrate de que el contenido sea original, libre de plagio y de alta calidad, informativo y útil para los usuarios.
Redacta un promt para ilustrar el articulo y proporciona un texto alternativo (alt text) que describa la imagen.
Añade una o dos preguntas según consideres de pregunta frecuente con su respectivarespuesta. La pregunta debe contener de 40 a 60 caracteres.
La respuesta de 120 a 150 caracteres o en caso de que fuera necesario para dar relavancia y precisión llega a 300 caracteres.
Redacta un promt para ilustrar el articulo y proporciona un texto alternativo (alt text) que describa la imagen.
El tema a desarrollar es: ¿Cuáles son las tendencias actuales en diseño de logos?</li>
<li>Cree el artículo más inteligente para clasificar en Google, en español, Ciuidad de México. Escribe el artículo de blog de 1500 palabras con encabezados H1, H2, H3, H4, H5 y H6 y subtítulos. Hazlo en listas con viñetas y negritas. Debe ser en tono FORMAL, el estilo de escritura INFORMATIVO/TECHNICAL, original, pero comprensible para el público general, libre de plagio y presentar de dos a tres preguntas frecuentes (FAQs) y una conclusión. El tema es sobre "5 ideas para atraer nuevos clientes a tu tienda de abarrotes". Incluye definiciones, ejemplos y consejos prácticos. <br>
Añade Schema JSON Question. Crea la meta description de 120 a 150 caracteres y 5 palabras clave usa estas pautas:<br>
La descripción debe ampliar el título y proporcionar un resumen breve y atractivo del contenido del texto. Debe contener al menos una palabra clave secundaria y animar al lector a hacer clic en el enlace. Las palabras clave deben ser relevantes para el tema y el propósito del texto. Deben reflejar las consultas de búsqueda que los usuarios potenciales podrían usar para encontrar tu texto. Debes usar al menos una palabra clave principal y dos o tres palabras clave secundarias.<br>
Crea un prompt para crear imágenes que ilustren el articulo, sugiere una url y alt.</li>
<li></li>

<li><b>Complemento</b></li>
<li>Crea un Título de 55 a 65 caracteres, Incluye la palabra clave principal. Incluye 3 palabras clave de cola corta y 2 palabras de cola larga.Sé atractivo y descriptivo.
Añade la Meta descripción de 120 a 150 caracteres, Incluye la palabra clave principal. Sé atractivo y descriptivo.
Redacta un promt para ilustrar el articulo y proporciona un texto alternativo (alt text) que describa la imagen.
Añade una o dos preguntas según consideres de pregunta frecuente con su respectivarespuesta. La pregunta debe contener de 40 a 60 caracteres.
La respuesta de 120 a 150 caracteres o en caso de que fuera necesario para dar relavancia y precisión llega a 300 caracteres.
Redacta un promt para ilustrar el articulo y proporciona un texto alternativo (alt text) que describa la imagen. </li>
<li></li>
<li><b>Reescribe</b></li>
<li>Reescribe y mejora el siguiente texto. en un artículo en español de al menos 1500 palabras con 4 encabezados y subtítulos, incluyendo encabezados H1, H2, H3, H4. Debe ser informativo, original, libre de plagio y presentar tres preguntas frecuentes (FAQs) y una conclusión. Usa el metodo AIDA. Usa un tono informal. Incluye una introducción, summary, conclusión y finaliza con una llamada de acción. Crea un Título de 55 a 65 caracteres, Incluye la palabra clave principal. Incluye 5 palabras clave keywords. Sé atractivo y descriptivo. Añade la Meta descripción de 120 a 150 caracteres, Incluye la palabra clave principal. Sé atractivo y descriptivo. Redacta un promt para ilustrar el articulo y proporciona un texto alternativo (alt text) que describa la imagen. Escribe 5 keywords que apoyen al SEO</li>
<li>Reescribe y mejora el siguiente artículo más inteligente para clasificar en Google, en español, Ciuidad de México, de al menos 1500 palabras con 4 encabezados y subtítulos, incluyendo encabezados H1, H2, H3, H4. Debe ser informativo, original, libre de plagio y presentar tres preguntas frecuentes (FAQs) y una conclusión. Usa el metodo AIDA. Usa un tono informal. Incluye una introducción, summary, conclusión y finaliza con una llamada de acción. Crea un Título de 55 a 65 caracteres, Incluye la palabra clave principal. Incluye 5 palabras clave keywords. Sé atractivo y descriptivo. Añade la Meta descripción de 120 a 150 caracteres, Incluye la palabra clave principal. Sé atractivo y descriptivo. Redacta un promt para ilustrar el articulo y proporciona un texto alternativo (alt text) que describa la imagen. Escribe 5 keywords que apoyen al SEO</li>
<li></li>
<li><b>Imagen</b></li>
<li>con colores cinematic vibran</li>
<li>(best quality, masterpiece, highest detail, highest quality, 8k ultra HD, highly detailed intricate)</li>
<li>crea una imagen de pikachu al estilo de Hieronymus Bosch . Incorpora toques de colores vibrantes como púrpura, verde esmeralda, dorado y plateado para resaltar elementos importantes y crear un aura mágica. estilo artístico Art Nouveau y simbolismo</li>
<li>crea una imagenen un fondo azul sólido. - A la izquierda, pon caricatura de Stitch con los ojos grandes y abiertos, y la boca abierta mostrando sus dientes afilados. - A la derecha, Stitch aparece sonriendo ampliamente con las manos en las mejillas; sus orejas están levantadas mostrando el texto "we love Stitch" entre ellas. - El personaje está en dos estados emocionales diferentes: sorprendido o asustado a la izquierda y feliz o encantado a la derecha.</li>
<li>Con colores cinematic vibran</li>
<li>(Best quality, masterpiece, highest detail, highest quality, 8k ultra HD, highly detailed intricate)</li>
<li>Crea una imagen de pikachu al estilo de Hieronymus Bosch . Incorpora toques de colores vibrantes como púrpura, verde esmeralda, dorado y plateado para resaltar elementos importantes y crear un aura mágica. estilo artístico Art Nouveau y simbolismo</li>
<li>Crea una imagenen un fondo azul sólido. - A la izquierda, pon caricatura de Stitch con los ojos grandes y abiertos, y la boca abierta mostrando sus dientes afilados. - A la derecha, Stitch aparece sonriendo ampliamente con las manos en las mejillas; sus orejas están levantadas mostrando el texto "we love Stitch" entre ellas. - El personaje está en dos estados emocionales diferentes: sorprendido o asustado a la izquierda y feliz o encantado a la derecha.</li>
<li>Sun profile + Halftone pattern + editorial illustration of the memento morti + higly textured, genre defining mixed media collage painting + fringe absurdism + Award winning halftone pattern illustration + simple flowing shapes + subtle shadows + paper texture + minimalist color scheme + inspired by goku dragonball and Zdzisław Beksiński</li>
<li>Estilo, epic, cyberpunk, dark, in the style of Shel Silverstein, fine detail, --ar 9:16 --ar 16:9 --quality</li>
<li></li>
<li></li>
<li></li>

<li></li></ul>
<section>
<form id="markdownForm">
Expand All @@ -61,8 +75,7 @@ <h1>Generador de Archivo Markdown</h1>

<label for="ogImageAlt">ogImageAlt:</label><input type="text" id="ogImageAlt" name="ogImageAlt" >

<label for="dateCreated" class="sr-only">Fecha de Creación:</label>
<input type="text" id="dateCreated" name="dateCreated" readonly class="sr-only">
<label for="dateCreated" class="sr-only">Fecha de Creación:</label><input type="text" id="dateCreated" name="dateCreated" readonly class="sr-only">

<label for="RevisitAfter" class="sr-only">RevisitAfter:</label>
<input type="text" id="RevisitAfter" name="RevisitAfter" value="120" class="sr-only">
Expand All @@ -76,51 +89,39 @@ <h1>Generador de Archivo Markdown</h1>
<option value="layouts/base.njk">Base</option>
</select><br>

<label for="datePublished" class="sr-only">Fecha de publicación:</label><input type="text" id="datePublished" name="datePublished" class="sr-only">
<hr>
<label for="height" class="sr-only">Altura:</label><input type="text" id="height" name="height" class="sr-only" value="1200px">
<label for="datePublished" class="sr-only">Fecha de publicación:</label><input type="text" id="datePublished" name="datePublished" class="sr-only"><hr>

<label for="height" class="sr-only">Altura:</label><input type="text" id="height" name="height" class="sr-only" value="1200px">
<label for="width" class="sr-only">Anchura:</label><input type="text" id="width" name="width" class="sr-only" value="650px">

<label for="heightArticle" class="sr-only">Altura del artículo:</label><input type="text" id="heightArticle" name="heightArticle" class="sr-only" value="150px">

<label for="widthArticle" class="sr-only">Anchura del artículo:</label><input type="text" id="widthArticle" name="widthArticle" class="sr-only" value="150px">

<label for="img01">img01:</label><input type="text" id="img01" name="img01"><label for="altImg01">altImg01:</label><input type="text" id="altImg01" name="altImg01">

<label for="texto01">texto01:</label><input type="text" id="texto01" name="texto01">

<label for="img02">img02:</label><input type="text" id="img02" name="img02">

<label for="altImg02">altImg02:</label><input type="text" id="altImg02" name="altImg02">

<label for="texto02">texto02:</label><input type="text" id="texto02" name="texto02">

<label for="img03">img03:</label><input type="text" id="img03" name="img03">

<label for="altImg03">altImg03:</label><input type="text" id="altImg03" name="altImg03">

<label for="texto03">texto03:</label><input type="text" id="texto03" name="texto03">
<hr>
<label for="texto03">texto03:</label><input type="text" id="texto03" name="texto03"> <hr>
<label for="question">Pregunta:</label>
<input type="text" id="question" name="question">

<label for="text">Texto:</label><input type="text" id="text" name="text" >
<input type="text" id="question" name="question"><label for="text">Texto:</label><input type="text" id="text" name="text" >

<label for="question2">Pregunta2:</label>
<input type="text" id="question2" name="question">
<label for="question2">Pregunta2:</label><input type="text" id="question2" name="question">

<label for="text2">Texto2:</label>
<input type="text" id="text2" name="text" >
<label for="text2">Texto2:</label><input type="text" id="text2" name="text" >

<label for="entrada">Entrada:</label><textarea id="entrada" name="entrada" rows="10" cols="10" ></textarea>

<div id="blog"><label for="blog-text">Contenido del blog:</label><input type="text" id="blog-text" name="blog-text" oninput="mostrarInfo()"></div>

<div id="info"></div>

<label for="totalDePalabras">totalDePalabras:</label>
<input type="text" id="totalDePalabras" name="totalDePalabras">
<label for="totalDePalabras">totalDePalabras:</label><input type="text" id="totalDePalabras" name="totalDePalabras">

<label for="tiempoDeLectura">tiempoDeLectura:</label><input type="text" id="tiempoDeLectura" name="tiempoDeLectura">

Expand Down Expand Up @@ -149,15 +150,14 @@ <h1>Generador de Archivo Markdown</h1>
var description = document.getElementById('description').value;
var keywords = document.getElementById('keywords').value;
var url = document.getElementById('url').value.toLowerCase().replace(/\s+/g, '-'); // Convertir a minúsculas y reemplazar espacios con "-"
var ogImage = 'https://articulospromocionales.vercel.app/img/002/27/' + url + '.webp'; // Añadir ./ al principio y .webp al final
var ogImage = 'https://articulospromocionales.vercel.app/img/003/10/' + url + '.webp'; // Añadir ./ al principio y .webp al final
document.getElementById('ogImage').value = ogImage;
var ogImageAlt = document.getElementById('ogImageAlt').value;

var tagsInput = document.getElementById('tags').value;
var tagsArray = tagsInput.split(",").map(tag => tag.trim()); // Dividir y limpiar las etiquetas
var tagsMarkdown = tagsArray.map(tag => `- ${tag}`).join('\n'); // Formatear las etiquetas en Markdown


var dateCreated = getCurrentDateTime();
document.getElementById('dateCreated').value = dateCreated;
var RevisitAfter = document.getElementById('RevisitAfter').value;
Expand Down Expand Up @@ -186,9 +186,9 @@ <h1>Generador de Archivo Markdown</h1>
var tiempoDeLectura = calcularTiempoDeLectura(entrada); // Calcular el tiempo de lectura

var url = document.getElementById('url').value.toLowerCase().replace(/\s+/g, '-'); // Convertir a minúsculas y reemplazar espacios con "-"
var img01Value = '"https://articulospromocionales.vercel.app/img/002/27/' + img01 + '-2025' + '.webp"';
var img02Value = '"https://articulospromocionales.vercel.app/img/002/27/' + img02 + '-2026.webp"';
var img03Value = '"https://articulospromocionales.vercel.app/img/002/27/' + img03 + '-2027.webp"';
var img01Value = '"https://articulospromocionales.vercel.app/img/003/10/' + img01 + '-2025' + '.webp"';
var img02Value = '"https://articulospromocionales.vercel.app/img/003/10/' + img02 + '-2026.webp"';
var img03Value = '"https://articulospromocionales.vercel.app/img/003/10/' + img03 + '-2027.webp"';

// Crear el contenido Markdown
var contenidoMarkdown = '---\n';
Expand All @@ -202,7 +202,7 @@ <h1>Generador de Archivo Markdown</h1>
contenidoMarkdown += 'ogImage: ' + '"' + ogImage + '"' + '\n';
contenidoMarkdown += 'ogImageAlt: ' + '"' + ogImageAlt + '"' + '\n';

contenidoMarkdown += 'date: ' + dateCreated + '\n';
contenidoMarkdown += 'date: ' + dateCreated + '\n';
contenidoMarkdown += 'dateCreated: ' + dateCreated + '\n';
contenidoMarkdown += 'dateModified: ' + dateModified + '\n';
contenidoMarkdown += 'RevisitAfter: ' + '"' + RevisitAfter + '"' + '\n';
Expand Down Expand Up @@ -239,19 +239,19 @@ <h1>Generador de Archivo Markdown</h1>

contenidoMarkdown += '---\n\n';
contenidoMarkdown += '<picture><img src="{{ogImage}}" alt="{{ogImageAlt}}" width="{{width}}" height="{{height}}"></picture>\n\n';
contenidoMarkdown += '<p> Última modificación: <time itemprop="dateModified" datetime="{{dateModified}}" data-timestamp="{{data-timestamp}}" title="Fecha de última modificación" >{{fechaFormateada}}</time></p> ';
contenidoMarkdown += '<p> Última modificación: <time itemprop="dateModified" datetime="{{dateModified}}" data-timestamp="{{data-timestamp}}" title="Fecha de última modificación" >{{fechaFormateada}}</time></p>\n';
contenidoMarkdown += entrada;
contenidoMarkdown += '\n\n';
contenidoMarkdown += '\n\n';
contenidoMarkdown += '<div itemscope itemtype="http://schema.org/ImageGallery">\n';
contenidoMarkdown += '<picture><img src="{{img01}}" alt="{{altImg01}}" width="{{widthArticle}}" height="{{heightArticle}}" loading="lazy"></picture>\n\n';
contenidoMarkdown += '<picture><img src="{{img02}}" alt="{{altImg02}}" width="{{widthArticle}}" height="{{heightArticle}}" loading="lazy"></picture>\n\n';
contenidoMarkdown += '<picture><img src="{{img03}}" alt="{{altImg03}}" width="{{widthArticle}}" height="{{heightArticle}}" loading="lazy"></picture>\n\n';
contenidoMarkdown += '<figure><img src="{{ogImage}}" alt="{{ogImageAlt}}" width="{{width}}" height="{{height}}" data-aspectratio={{dataAspectratio}} class="image lazyload" data-srcset="{{ogImage}} 1280w, {{ogImage}} 640w" data-sizes="(max-width: 640px) 100vw, 50vw"><figcaption>{{ogImageAlt}}</figcaption></figure>\n\n';
contenidoMarkdown += '<a href="" class="sr-only></a>\n';
contenidoMarkdown += '<a href="" class="sr-only></a>\n';
contenidoMarkdown += '<a href="" class="sr-only></a>\n';
contenidoMarkdown += '<div itemscope itemtype="http://schema.org/ImageGallery">\n';
contenidoMarkdown += '<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><a href="{{ogImage}}" itemprop="contentUrl" data-size="150x150"><img src="{{ogImage}}" itemprop="thumbnail" alt="{{ogImageAlt}}" /></a><figcaption itemprop="caption description">{{ogImageAlt}}</figcaption></figure> ';
contenidoMarkdown += '</div>';
contenidoMarkdown += '</div>\n';
contenidoMarkdown += '<a href="" class="sr-only"></a>\n';
contenidoMarkdown += '<a href="" class="sr-only"></a>\n';
contenidoMarkdown += '<a href="" class="sr-only"></a>\n\n';
contenidoMarkdown += '<div itemscope itemtype="http://schema.org/ImageGallery"><figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"><a href="{{ogImage}}" itemprop="contentUrl" data-size="150x150"><img src="{{ogImage}}" itemprop="thumbnail" alt="{{ogImageAlt}}" /></a><figcaption itemprop="caption description">{{ogImageAlt}}</figcaption></figure></div>';

document.getElementById('totalDePalabras').value = totalDePalabras; document.getElementById('tiempoDeLectura').value = tiempoDeLectura;
var blob = new Blob([contenidoMarkdown], { type: 'text/markdown' });
Expand Down

0 comments on commit 8a0f1e3

Please sign in to comment.