Fuentes y Referencias: Reglas de Citación
Construye un bloque de fuentes que haga verificables las afirmaciones factuales con referencias completas, niveles de calidad, reglas de citación en línea, mantenimiento de enlaces, esquema y control de calidad.
Un bloque de fuentes es el registro ordenado de cierre que hace verificables las afirmaciones factuales de una página, para que los lectores y los motores de respuesta puedan verificarlas y citarlas.
Fuentes
- "citation — Schema.org Property." Schema.org. Publicado el 19 de marzo de 2026. Accedido el 27 de agosto de 2026.
- "Understanding Success Criterion 2.4.4: Link Purpose (In Context)." W3C Web Accessibility Initiative. Actualizado el 18 de mayo de 2026. Accedido el 27 de agosto de 2026.
Este espécimen en vivo muestra la entrada mínima completa: título con enlace, editor, fecha de publicación y fecha de acceso. La URL va detrás del título en lugar de aparecer como una cadena larga y cruda. Aplica las reglas de escritura de elementos compartidas al adaptar el bloque a otro sistema de publicación.
Por qué este elemento es importante
Los lectores no tratan todas las afirmaciones por igual. Una recomendación médica, una comparativa financiera o un número de rendimiento conllevan más riesgo que una simple declaración de capacidad. Una referencia completa muestra quién publicó la evidencia, cuándo estaba vigente y si respalda la afirmación. También proporciona a los editores un rastro de mantenimiento cuando los hechos cambian.
Diez enlaces reputados al final no demuestran qué oración respalda cada uno. Las citaciones en línea crean la conexión local; la lista de cierre conserva los registros completos. Juntos, permiten que un lector escéptico pase de la afirmación a la evidencia sin tener que adivinar.
La capacidad de extracción automática significa que el software puede identificar un registro delimitado fuera del diseño de la página. Los campos consistentes exponen un título, editor, URL, fecha de publicación y fecha de acceso. Un sistema de recuperación —software que selecciona documentos o pasajes para una consulta— puede entonces comparar fechas, editores y afirmaciones.
En los resultados de los motores de respuesta, varias páginas candidatas pueden hacer afirmaciones similares. Una página que cita material primario y fecha su evidencia completa parte del trabajo de verificación que un sistema de recuperación de otro modo tendría que inferir. Esto no garantiza la selección; crea una cadena de evidencia auditable.
El principio se alinea con los fundamentos de E-E-A-T y entidades del sitio: la procedencia visible respalda la confianza, mientras que los campos consistentes de editor y título ayudan a identificar las entidades detrás de la evidencia.
Cuándo usarlo
Usa un bloque de fuentes siempre que una página informativa o basada en evidencia dependa de hechos externos que un lector podría verificar razonablemente. Esto incluye definiciones derivadas de estándares, estadísticas, hallazgos de investigación, leyes, políticas, afirmaciones de mercado, comparativas de productos, afirmaciones históricas, citas y recomendaciones basadas en evidencia publicada. Se requiere explícitamente para contenido de salud, finanzas, legal, seguros, seguridad y cualquier otro vertical regulado o de alto riesgo.
Úsalo incluso cuando las afirmaciones ya tengan enlaces en línea si el artículo contiene varias fuentes; el bloque crea un inventario revisable único. En un caso de estudio, etiqueta las mediciones internas por separado de los puntos de referencia externos para que los datos de primera parte no se confundan con investigación independiente.
No añadas uno para decorar una opinión sin afirmaciones externamente verificables. La navegación, lecturas recomendadas, contenido relacionado y entradas de bibliografía no utilizada no pertenecen aquí. Una fuente respalda la página; «lectura adicional» simplemente extiende el tema.
Los casos límite necesitan una regla firme:
- Una sola afirmación factual: cítala en línea. Un bloque de cierre de una sola entrada es opcional a menos que el vertical esté regulado.
- Una lista de herramientas: las páginas de inicio de proveedores son destinos, no evidencia. Incluye documentación solo cuando respalde afirmaciones específicas.
- Una cita textual: cítala en línea e incluye el registro de cierre completo.
- Conocimiento común: no cites hechos que el lector previsto no cuestionaría, como «una semana tiene siete días». Cita una interpretación precisa, medición, política o límite en disputa.
- Texto de producto de primera parte: enlaza a la documentación oficial para capacidades comprobables. No fabriques la apariencia de independencia citando la propia página de marketing de la empresa como prueba de superioridad.
Dónde colocarlo
El bloque de fuentes es el bloque editorial final, después del FAQ. Solo los elementos cromáticos de todo el sitio, avisos legales o controles de conversión a nivel de plantilla pueden ir después. Esta posición muestra que la lista respalda el artículo completo y proporciona a los revisores una ubicación de auditoría predecible.
No coloques la única lista en una barra lateral: las barras laterales pueden desaparecer en diseños móviles, impresión, fuentes de datos, modos de lectura o texto extraído. Mantén el bloque alejado de tarjetas de contenido relacionado, formularios y llamadas a la acción no relacionadas para que el límite de la evidencia se mantenga claro.
Las citaciones en línea permanecen en el punto de la afirmación. El bloque de cierre no mueve la evidencia lejos de la oración que respalda; completa el registro. Si una respuesta del FAQ introduce una nueva afirmación factual, cítala dentro de esa respuesta y repite la fuente en el bloque de cierre. Si el FAQ solo reformula contenido respaldado, reutiliza la fuente existente en lugar de añadir una entrada duplicada.
Anatomía
La leyenda renderizada permanece en la página si el recurso se reemplaza:
- Encabezado del bloque: usa «Fuentes» a menos que un estándar de publicación requiera «Referencias».
- Número de entrada: proporciona a cada registro un identificador estable en voz, impresión y extracción.
- Título y URL: título exacto como texto de enlace descriptivo, que resuelve a la versión citada.
- Editor: la organización responsable del material.
- Fecha de publicación: cuándo se emitió o actualizó sustancialmente la fuente.
- Fecha de acceso: cuándo el autor verificó la fuente y la afirmación.
- Límite del bloque: una lista ordenada; el encabezado y la lista llevan la semántica.
No incluyas esta leyenda en la captura de pantalla. La imagen documenta la apariencia; la leyenda numerada define el contrato de contenido.
Ejemplos de diseño
Las variantes cambian la densidad y los metadatos disponibles sin cambiar el contrato de entrada de cinco campos.
Fuentes web estándar: el valor predeterminado para artículos que citan estándares, documentación, informes y páginas web. Cada título está enlazado; el editor y ambas fechas permanecen como texto visible.
Tipos de fuente mixtos: un DOI es un identificador persistente para investigación. Úsalo para un artículo académico; usa URL canónicas para informes y documentación. Mantén el orden común de campos al añadir detalles de volumen, número o versión.
Títulos largos: se ajustan naturalmente a varias líneas. Nunca trunques el título hasta que dos documentos diferentes se vuelvan indistinguibles.
Móvil: las entradas permanecen como una sola lista ordenada sin desplazamiento horizontal. Las URL largas quedan detrás del título y los metadatos se ajustan debajo sin reducir el texto.
Parámetros
El contrato de parámetros separa la evidencia proporcionada por el autor del comportamiento del renderizador. «Fuente» a continuación significa de dónde obtiene el componente el valor.
| Nombre | Tipo | Requerido | Mín/máx | Predeterminado | Fuente |
|---|---|---|---|---|---|
| heading | Cadena de texto simple | No | 1–3 palabras | Sources | Atributo |
| entries | Lista ordenada | Sí | 1 mínimo; sin máximo estricto | Ninguno | Cuerpo |
| title | Cadena de texto simple | Sí | Título exacto de la fuente; 1 línea mínimo | Ninguno | Entrada del cuerpo |
| publisher | Cadena de texto simple | Sí | 1 organización o publicación | Ninguno | Entrada del cuerpo |
| url | URL HTTPS absoluta | Sí | 1 URL canónica o persistente | Ninguno | Enlace del título en la entrada del cuerpo |
| publication-date | Fecha ISO o n.d. | Sí | 1 fecha exacta cuando esté disponible | Ninguno | Entrada del cuerpo |
| accessed-date | Fecha ISO | Sí | 1 fecha de verificación exacta | Ninguno | Entrada del cuerpo |
| link-target | Enumeración | No | _self o _blank | _self | Atributo o política del sitio |
Los cinco campos de entrada son obligatorios. Un título sin editor oculta la responsabilidad; un editor sin URL no se puede inspeccionar. Las dos fechas muestran cuándo el material afirmaba estar vigente y cuándo fue verificado. Si no existe fecha de publicación o actualización, escribe n.d.. Reemplaza la evidencia sin fecha para afirmaciones sensibles al tiempo o elimina la afirmación.
Sintaxis y ejemplos de código
Cada notación lleva los mismos campos y el mismo orden. El componente puede transformar los datos de origen, pero no debe inferir editores ni fechas a partir de un marcado de página frágil.
Directiva Markdown portátil
:::sources{heading="Sources"}
1. [citation — Schema.org Property](https://schema.org/citation) — Schema.org. Published 2026-03-19. Accessed 2026-08-27.
2. [Understanding SC 2.4.4: Link Purpose (In Context)](https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context.html) — W3C Web Accessibility Initiative. Updated 2026-05-18. Accessed 2026-08-27.
:::
Shortcode de Hugo
{{< sources heading="Sources" >}}
1. [citation — Schema.org Property](https://schema.org/citation) — Schema.org. Published 2026-03-19. Accessed 2026-08-27.
2. [Understanding SC 2.4.4: Link Purpose (In Context)](https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context.html) — W3C Web Accessibility Initiative. Updated 2026-05-18. Accessed 2026-08-27.
{{< /sources >}}
Este es un contrato portátil, no una afirmación de que este shortcode exista. Hasta que un renderizador lo implemente, usa un encabezado nativo y una lista Markdown ordenada.
Bloque o shortcode de WordPress
[sources heading="Sources"]
[source title="citation — Schema.org Property" publisher="Schema.org" url="https://schema.org/citation" publication_date="2026-03-19" accessed_date="2026-08-27"]
[source title="Understanding SC 2.4.4: Link Purpose (In Context)" publisher="W3C Web Accessibility Initiative" url="https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context.html" publication_date="2026-05-18" accessed_date="2026-08-27"]
[/sources]
Un bloque de WordPress puede exponer controles de formulario, pero debe renderizar un encabezado y una lista ordenada nativa y preservar las fechas en el contenido exportado.
Ejemplos
Bueno: completo, atribuible y con fecha
Fuentes
- “Understanding Success Criterion 2.4.4: Link Purpose (In Context).” W3C Web Accessibility Initiative. Actualizado el 18 de mayo de 2026. Accedido el 27 de agosto de 2026.
- “citation — Schema.org Property.” Schema.org. Publicado el 19 de marzo de 2026. Accedido el 27 de agosto de 2026.
Esto funciona porque un revisor puede identificar cada documento, editor, fecha de fuente, fecha de verificación y destino. Las entradas son documentación primaria, ordenadas por primera aparición para que los números en línea y los registros de cierre sean fáciles de conciliar.
Malo: un montón de dominios
Referencias
- Algún blog de accesibilidad
- schema.org
- https://example.com/article?id=18492
Esto falla porque ninguna entrada identifica un documento o fechas. «Google» es una organización, no evidencia. «Algún blog de accesibilidad» oculta el editor y el nivel de calidad. La URL cruda carece de un título utilizable, y ninguna entrada se asigna a una afirmación. Repáralo seleccionando evidencia para cada afirmación, añadiendo citaciones en línea y registrando cada campo obligatorio.
Citación en línea versus la lista de fuentes de cierre
Cita en el punto de la afirmación cuando el lector necesite saber qué fuente la respalda; incluye el registro de cierre completo cuando la página dependa de esa fuente. La mayoría de las páginas basadas en evidencia necesitan ambas.
La citación en línea es obligatoria para un número, cita textual, hallazgo de estudio, ley, política, aseveración en disputa, instrucción de seguridad, dato de producto sensible al tiempo o conclusión dependiente de la fuente. Colócala en la oración o inmediatamente después. Una sola citación no puede respaldar un párrafo de afirmaciones no relacionadas.
La lista de cierre es obligatoria para múltiples fuentes, un inventario obligatorio o un tema regulado. Las citaciones repetidas reciben una sola entrada; las versiones materialmente diferentes reciben entradas separadas.
Niveles de calidad de fuentes
La calidad es adecuación para la afirmación, no fama. Usa el nivel más alto apropiado que pueda respaldar directamente la declaración:
| Nivel | Tipo de fuente | Puede respaldar | No debe respaldar por sí solo |
|---|---|---|---|
| 1 | Fuente primaria | Datos originales, registros de primera mano, estándares, legislación, código fuente, notas de versión oficiales, declaraciones directas | Una conclusión causal o de «mejor» más amplia que la fuente no probó |
| 2 | Documentación oficial o regulador | Reglas vigentes, definiciones, requisitos, procedimientos aprobados, comportamiento del producto controlado por el editor | Prueba independiente de que la organización o producto supera a las alternativas |
| 3 | Investigación revisada por pares | Hallazgos dentro de la población, método, fecha y limitaciones del estudio | Consejo universal que excede el diseño del estudio o ignora evidencia posterior |
| 4 | Fuente secundaria reputada | Contexto, síntesis de expertos, reportaje de eventos y una explicación accesible de material primario | Una afirmación precisa cuando el registro primario está disponible y es comprensible |
| 5 | Material del proveedor | Lo que el proveedor dice que su producto hace, cuesta, incluye o requiere | Qué producto es el mejor, más seguro, más rápido, más efectivo o de mejor valor |
El nivel no rescata una afirmación mal emparejada. La página de presentación de un regulador no puede respaldar una afirmación clínica, y un artículo académico no puede probar una función lanzada después del estudio. Una página de precios de un proveedor puede probar su precio actual, pero no que ofrezca el mejor valor.
Cuando las fuentes entren en conflicto, indica el alcance o la fecha que explique la diferencia, favorece el registro primario controlador y acota la afirmación. Si no se resuelve, di que la evidencia está en conflicto.
Manejo de enlaces y pérdida de fuentes
Los enlaces externos permanecen en la pestaña actual por defecto. Usa HTTPS y una URL canónica o persistente; elimina parámetros de seguimiento, identificadores de sesión y envoltorios de redirección. Enlaza el título, no «haz clic aquí». No añadas nofollow a citaciones editoriales ordinarias; reserva los valores de relación para enlaces que tengan esas relaciones.
Si el producto deliberadamente abre fuentes externas en una nueva pestaña, genera target="_blank" rel="noopener" y advierte al usuario con texto visible o una descripción asociada programáticamente. noopener evita que la página abierta reciba una referencia a la ventana de origen. Añade noreferrer solo cuando la política de privacidad del sitio requiera suprimir la información de referencia; no es un requisito universal de citación editorial.
Verifica cada fuente antes de la publicación y durante las revisiones programadas. Un enlace muerto es una URL que ya no resuelve al material citado. Cuando uno muere:
- Busca un reemplazo controlado por el editor, una redirección canónica, una versión más reciente, un DOI o un archivo oficial.
- Confirma que el reemplazo respalde la misma afirmación; una página de inicio funcional no sustituye a un informe faltante.
- Actualiza la URL, la fecha de publicación si la versión cambió, la fecha de acceso y cualquier afirmación afectada por la nueva fuente.
- Si solo un archivo creíble conserva el documento exacto, enlaza el archivo y etiquétalo como archivado.
- Si la evidencia no se puede recuperar, reemplaza la fuente y reevalúa la afirmación. Elimina o califica la afirmación cuando no quede evidencia apropiada.
Nunca apuntes una citación antigua a un reemplazo que haga una afirmación diferente.
Marcado de esquema y accesibilidad
Un bloque de fuentes no crea una entidad independiente de Schema.org. Sigue siendo parte del Article, TechArticle, Report u otro CreativeWork contenedor. La propiedad citation de Schema.org puede llevar una referencia como texto u otro CreativeWork. Cuando se generen datos estructurados, asigna cada referencia editorial genuina a citation; no marques navegación, destinos de afiliados o simplemente lecturas relacionadas como citaciones.
El contenido visible y los datos estructurados deben coincidir. JSON-LD (Notación de Objetos JavaScript para Datos Enlazados) no debe introducir fuentes ausentes ni omitir calificadores visibles. Nunca reemplaza la lista visible ni los enlaces en línea.
Para accesibilidad, usa un encabezado seguido de <ol> y <li>. Las entradas ordenadas proporcionan recuentos de elementos e identificadores estables. Usa el título de la fuente como texto del enlace; mantén el editor y las fechas en el mismo elemento. Nunca uses color, favicon o logotipo como única identificación.
Evita role="list" en listas nativas, acordeones interactivos que oculten la evidencia por defecto y tablas para una secuencia de referencia unidimensional simple. Si un enlace abre una nueva pestaña, la advertencia debe estar disponible visualmente y para la tecnología de asistencia. El foco del teclado debe permanecer visible, y los títulos largos deben ajustarse sin recortes ni desplazamiento horizontal de página.
Reglas de escritura
Usa el título exacto y el nombre del editor reconocible. Mantén esta secuencia: título, editor, fecha de publicación o actualización, fecha de acceso. Añade autor, edición, páginas, DOI o versión solo cuando sea necesario para identificar la obra o cumplir con un estándar de publicación.
Ordena las entradas por primera aparición a menos que un estilo requerido indique lo contrario. Desduplica registros idénticos, pero mantén ediciones o versiones separadas cuando la diferencia afecte la afirmación.
Cada entrada debe respaldar una afirmación, y cada afirmación externa material debe asignarse a evidencia. El título debe coincidir con el destino. La fecha de acceso registra cuándo se verificaron el destino y su respaldo, no cuándo el CMS guardó la página.
No coloques llamadas a la acción, etiquetas de afiliados, artículos relacionados, libros recomendados no utilizados como evidencia, biografías de autores, prosa metodológica, descripciones promocionales, valoraciones con estrellas ni comentarios sobre si una fuente es «excelente» dentro del bloque. Explica las limitaciones de la fuente junto a la afirmación relevante o en una sección de métodos. Mantén el bloque de cierre como un inventario de evidencia.
No hay un máximo arbitrario. Un informe puede necesitar docenas de registros. Por encima de veinte entradas, usa números de referencia estables y prueba el ajuste en pantallas estrechas; nunca dividas la evidencia de un artículo en barras laterales no relacionadas.
Tipos de publicación que lo usan
El frontmatter postTypes crea la unión legible por máquina con los nueve tipos de página basados en evidencia a continuación. La tabla visible añade la colocación y la solidez del requisito.
| Tipo de publicación | Uso | Posición |
|---|---|---|
| Guías definitivas | Requerido cuando hechos externos, estándares o investigación respaldan la guía | Bloque final del artículo después del FAQ |
| Guías prácticas | Requerido cuando los pasos dependen de documentación oficial, normas de seguridad o afirmaciones medidas | Bloque final del artículo después de solución de problemas y FAQ |
| Guías de lista | Requerido cuando la selección, inclusión o clasificación depende de evidencia externa | Bloque final del artículo después del FAQ; los destinos de proveedores por sí solos no califican |
| Comparativas A versus B | Requerido para precios, características, rendimiento y evidencia de recomendación | Bloque final del artículo después del FAQ |
| Páginas de mejor X para Y | Requerido porque las recomendaciones de «mejor» necesitan criterios y evidencia inspeccionables | Bloque final del artículo después del FAQ |
| Páginas de alternativas a X | Requerido cuando las afirmaciones de capacidad e idoneidad dependen de material del proveedor o independiente | Bloque final del artículo después del FAQ |
| Términos del glosario | Requerido para términos regulados, en disputa, técnicos o definidos por estándares; en caso contrario, recomendado | Bloque final del artículo después del FAQ |
| Explicadores de qué es X | Recomendado para conceptos definidos externamente y requerido para temas regulados | Bloque final del artículo después del FAQ |
| Casos de estudio | Requerido para puntos de referencia externos; distingue las mediciones de primera parte de la evidencia de terceros | Bloque final del artículo después del FAQ |
Las páginas de producto, categoría y caso de uso aún citan afirmaciones factuales cuando las hacen, pero una lista de cierre es condicional cuando la página es principalmente transaccional y se basa solo en información de capacidad de primera parte. En cada tipo de publicación, el contenido de salud, finanzas, legal y otros regulados requiere un bloque de fuentes completo independientemente de la extensión.
Lista de verificación de control de calidad
- Cada afirmación material externamente verificable tiene una fuente adecuada.
- Las afirmaciones que requieren atribución exacta tienen citaciones en línea en el punto de la afirmación.
- Cada citación en línea se asigna sin ambigüedad a una entrada de cierre completa.
- Cada entrada de cierre respalda al menos una afirmación realmente hecha en la página.
- Cada entrada incluye título, editor, URL canónica, fecha de publicación o
n.d.y fecha de acceso exacta. - Las fechas de publicación no se infirieron de pies de página de derechos de autor, fragmentos de búsqueda ni patrones de URL.
- Las fechas de acceso registran verificación real, no una fecha de migración masiva del CMS.
- La calidad de la fuente coincide con la afirmación; el material del proveedor no se usa para probar superioridad.
- El material primario o documentación oficial controladora reemplaza la cobertura secundaria cuando está disponible y es utilizable.
- Las afirmaciones de estudios preservan la población, método, fecha y limitaciones que afectan la interpretación.
- La evidencia conflictiva se divulga, delimita o resuelve en lugar de omitirse en silencio.
- Los títulos son texto de enlace descriptivo y coinciden con sus destinos.
- Las URL externas usan HTTPS, omiten parámetros de seguimiento y resuelven a la versión citada.
- Los enlaces se abren en la pestaña actual a menos que una regla de producto documentada indique lo contrario.
- Cualquier enlace de nueva pestaña usa
noopenery advierte a los usuarios que se abrirá una nueva pestaña. - Los enlaces muertos o redirigidos se repararon sin cambiar inadvertidamente la afirmación respaldada.
- El bloque es un encabezado más una lista ordenada en el flujo principal del documento.
- El bloque es la sección editorial final después del FAQ y no se mezcla con contenido relacionado ni llamadas a la acción.
- Las referencias visibles y cualquier valor de
citationde Schema.org coinciden. - El bloque permanece legible, accesible por teclado y libre de desplazamiento horizontal de página en pantallas estrechas.
FAQ
¿Todo artículo necesita un bloque de fuentes?
Úsalo para contenido informativo o basado en evidencia que dependa de hechos externos. Una página de producto corta que contenga solo declaraciones de capacidad de primera parte puede no necesitar un bloque de cierre, aunque cada afirmación factual aún necesita una fuente adecuada. El contenido de salud, finanzas, legal y otros regulados siempre requiere uno.
¿Un bloque de fuentes reemplaza las citaciones en línea?
No. Coloca una citación en línea junto a la afirmación cuando el lector deba saber qué fuente respalda esa declaración exacta. El bloque de cierre proporciona registros de referencia completos y un inventario de evidencia a nivel de página; no hace obvias las relaciones distantes entre afirmación y fuente.
¿Qué sucede si una fuente no tiene fecha de publicación?
Registra la fecha de publicación como n.d. e incluye una fecha de acceso exacta. No inventes una fecha ni omitas el campo. Para una afirmación sensible al tiempo, busca un reemplazo con fecha o elimina la afirmación, porque una página sin fecha no puede establecer cuándo la información estaba vigente.
¿Puede aparecer material del proveedor en el bloque de fuentes?
Sí, para afirmaciones que el proveedor controla, como sus características documentadas, precios, notas de versión o términos contractuales. El material del proveedor no debe usarse como evidencia independiente de que su producto es la mejor, más segura, más rápida o más efectiva opción.
¿Deberían abrirse los enlaces a fuentes externas en una nueva pestaña?
Mantén los enlaces normales en la pestaña actual por defecto para que el lector controle la navegación. Si el producto deliberadamente abre una nueva pestaña, usa target="_blank" con rel="noopener" y proporciona una advertencia visible o asociada programáticamente de que se abrirá una nueva pestaña.
Fuentes
- “citation — Schema.org Property.” Schema.org. Publicado el 19 de marzo de 2026. Accedido el 27 de agosto de 2026.
- “Understanding Success Criterion 2.4.4: Link Purpose (In Context).” W3C Web Accessibility Initiative. Actualizado el 18 de mayo de 2026. Accedido el 27 de agosto de 2026.
- “Technique G201: Giving Users Advanced Warning When Opening a New Window.” W3C Web Accessibility Initiative. Actualizado el 18 de mayo de 2026. Accedido el 27 de agosto de 2026.
Más tutoriales en esta sección
¿Listo para ponerlo en práctica?
Revisión gratuita · Prueba de 7 días · sin tarjeta de crédito