Typically, a websites content can be structured in 5-6 different types of data:
site: General information about the websitepageAbstract: All information needed to render a preview of a single pagepage: All information needed to render a full single page viewpages: A list of (abstracted)pageobjects, required to render a list of pagesfile: All information to render a file (e.g. image)files: A list offileobjects
site obejct
const site = {
title: 'Website title',
url: 'https://example.com',
description: 'Website description ...',
tags: ['keyword 1', 'keyword 2'],
language: 'en',
contact: {
name: 'Person or company Name',
company: 'Legal Name',
mail: '[email protected]',
tel: '+49 160 123456789',
street: 'Street Name 1',
zip: '01234',
city: 'City',
country: 'Country',
},
links: [
['Instagram','https://instagram.com/example'],
['Facebook','https://facebook.com/example'],
],
image: 'image-1000px.jpg',
logo: 'logo.svg'
};pageAbstract object
const pageAbstract = {
title: 'Example Post',
slug: 'example-post',
image: file,
date: '1999-12-31',
tags: ['keyword 1', 'keyword 2']
};page object
const page = { ...pageAbstract,
images: images,
pages: pages,
text: '<p>Page content</p>'
};pages array
const pages = [ pageAbstract, pageAbstract, ... ];file obejct
const file = {
name: 'image-1.jpg',
caption: 'Image description',
width: 3000,
height: 2400,
sizes: [
{
src: 'image-1-s.jpg',
width: 600
},
{
src: 'image-1-m.jpg',
width: 1200
},
{
src: 'image-1-l.jpg',
width: 2000
},
{
src: 'image-1-xl.jpg',
width: 3000
},
]
};files array
const files = [ file, file, ... ];These objects can be extended, but the properties above should be included. If a property value is unknown or empty, do:
empty string: ''
empty array: []
empty int: false
empty object: false
- Check for browser compability in at least Chrome, Safari, Firefox
- Check if HTML
<head>is valid and complete - Add HTML, OpenGraph and JsonLD metadata and validate
- Add a
robots.txtandsitemap.xmland validate - Switch on server side caching
- Add leverage browser caching to file assets
- Check browser and server console for unneccessary output and errors
- Validate Html and CSS
- Test page speed
- Submit website url and sitemap to search engines