InSpec SEO (#2725)

* Alt tags and meta descriptions

* add sitemap support

* Sitemap Priority

Signed-off-by: hannah-radish <hmaddy@chef.io>

* Jerry's feedback

Signed-off-by: Dominik Richter <dominik.richter@gmail.com>
This commit is contained in:
hannah-radish 2018-02-21 16:42:55 -08:00 committed by Dominik Richter
parent eaee24a143
commit 53b80c3706
10 changed files with 50 additions and 43 deletions

View file

@ -16,6 +16,7 @@ gem 'middleman', '>= 4.0.0'
gem 'middleman-autoprefixer'
gem 'middleman-compass', '>= 4.0.0'
gem 'middleman-livereload'
gem 'middleman-search_engine_sitemap', '~> 1.4'
gem 'middleman-sprockets', '>= 4.0.0'
gem 'middleman-syntax'
gem 'redcarpet'

View file

@ -52,6 +52,8 @@ activate :sprockets
activate :autoprefixer
activate :directory_indexes
activate :syntax
set :url_root, 'https://inspec.io'
activate :search_engine_sitemap
set :trailing_slash, false
set :markdown_engine, :redcarpet
set :markdown, fenced_code_blocks: true, smartypants: true, coderay_line_numbers: :table, tables: true, with_toc_data: true

View file

@ -1,6 +1,8 @@
---
title: InSpec - Community
description: Interact with the InSpec community - contribute to the project, provide feedback, and ask questions of other community members.
description: InSpec is an open source (OSS) automated testing tool for integration, compliance, security, and other policy requirements. Contribute to the InSpec project, provide feedback, and ask questions of other community members.
priority: 0.7
change_frequency: daily
---
/! header
@ -15,10 +17,10 @@ header.margin-top-offset
.large-5.medium-5.columns.relative.mobile-hide
/! rolling ball images
.octagons
img.ball.z-20 src="/images/community/glow-ball.png" /
img.ball.z-20 src="/images/community/glow-ball.png" /
img.ball.z-20 src="/images/community/glow-ball.png" /
img.fit src="/images/community/blue-web.svg" /
img.ball.z-20 src="/images/community/glow-ball.png" alt="image of octagon ball"/
img.ball.z-20 src="/images/community/glow-ball.png" alt="image of octagon ball"/
img.ball.z-20 src="/images/community/glow-ball.png" alt="image of octagon ball"/
img.fit src="/images/community/blue-web.svg" alt="image of web"/
/! tiles
@ -82,14 +84,14 @@ header.margin-top-offset
.row.strict-center.mobile-row
.large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow-dark.strict-center.fit-height.z-20
img.icon-art.margin-both-xs src="/images/community/contribute.svg" onerror="this.src='/images/community/contribute.png'" /
img.icon-art.margin-both-xs src="/images/community/contribute.svg" onerror="this.src='/images/community/contribute.png'" alt="image for InSpec contributions"/
h4.t-purple Contribute
p
| InSpec is an OSS project created and supported by active and passionate users. If you would like to contribute, we would love to have you.
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs.z-20 href="https://github.com/chef/inspec" start contributing
.large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow-dark.strict-center.fit-height.z-20
img.icon-art.margin-both-xs src="/images/community/bugs.svg" onerror="this.src='/images/community/bugs.png'" /
img.icon-art.margin-both-xs src="/images/community/bugs.svg" onerror="this.src='/images/community/bugs.png'" alt="image for InSpec bug reporting"/
h4.t-purple Give feedback
p
' We rely on your feedback to improve InSpec. Whether you found a bug or have a great idea for an improvement, join us on
@ -100,4 +102,4 @@ header.margin-top-offset
canvas.particles-js-canvas-el
.scrollToTop.shadow-dark
img#scrollup src="/images/home/arrow.svg" onerror="this.src='/images/home/arrow.png'"
img#scrollup src="/images/home/arrow.svg" onerror="this.src='/images/home/arrow.png'" alt="image of scroll to top arrow"

View file

@ -1,6 +1,8 @@
---
title: InSpec - Downloads
description: Download InSpec and start using Compliance-as-Code.
description: InSpec is an open source (OSS) automated testing tool for integration, compliance, security, and other policy requirements. Download InSpec packages and start using Compliance-as-Code.
priority: 0.7
change_frequency: daily
---
/! header and tiles
@ -81,14 +83,14 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.row.strict-center.mobile-row
.large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow-dark.strict-center.fit-height.z-20
img.icon-art.margin-both-xs src="/images/community/contribute.svg" onerror="this.src='/images/community/contribute.png'" /
img.icon-art.margin-both-xs src="/images/community/contribute.svg" onerror="this.src='/images/community/contribute.png'" alt="image for InSpec contributions"/
h4.t-purple Contribute
p
| InSpec is an OSS project created and supported by active and passionate users. If you would like to contribute, we would love to have you.
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs.z-20 href="https://github.com/chef/inspec" start contributing
.large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow-dark.strict-center.fit-height.z-20
img.icon-art.margin-both-xs src="/images/community/bugs.svg" onerror="this.src='/images/community/bugs.png'" /
img.icon-art.margin-both-xs src="/images/community/bugs.svg" onerror="this.src='/images/community/bugs.png'" alt="image for InSpec bug reporting"/
h4.t-purple Give feedback
p
' We rely on your feedback to improve InSpec. Whether you found a bug or have a great idea for an improvement, join us on
@ -99,4 +101,4 @@ header.bg-gradient.margin-top-offset.short-bg.relative
canvas.particles-js-canvas-el
.scrollToTop.shadow-dark
img#scrollup src="/images/home/arrow.svg" onerror="this.src='/images/home/arrow.png'"
img#scrollup src="/images/home/arrow.svg" onerror="this.src='/images/home/arrow.png'" alt="image of scroll to top arrow"

View file

@ -1,5 +1,8 @@
---
title: InSpec - Audit and Test Framework
title: InSpec - Audit and Automated Testing Framework
description: InSpec is an open source (OSS) automated testing tool for integration, compliance, security, and other policy requirements. Easily test your network and systems on-site or on cloud platforms such as AWS, Azure, and Docker Containers.
priority: 1.0
change_frequency: daily
---
/! header
@ -19,8 +22,8 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.large-5.medium-5.columns.relative.mobile-hide
/! diamond image
img.diamond src="/images/home/diamond.png" /
img.grid-animate.fit.z-20 src="/images/home/web.svg" onerror="this.src='/images/home/web.png'"/
img.diamond src="/images/home/diamond.png" alt="image of diamond"/
img.grid-animate.fit.z-20 src="/images/home/web.svg" onerror="this.src='/images/home/web.png'" alt="image of grid"/
/! announcement
.row.columns
.box-white.shadow.z-20
@ -42,7 +45,7 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.margin-top-xs.brdr-left.large-11.medium-11
.margin-left-sm.slide-left
h4.t-purple Integration
p Chef Automate can be used as a source for compliance profiles and to store InSpec reports. InSpec results can be exported in JUnit format for integration into CI/CD tools like Jenkins.
p Chef Automate can be used as a source for compliance profiles and to store InSpec reports for compliance and security audits. InSpec results can be exported in JUnit format for integration into CI/CD tools like Jenkins.
.margin-top-xs.brdr-left.large-11.medium-11
.margin-left-sm.slide-left
h4.t-purple Ease
@ -64,7 +67,7 @@ header.bg-gradient.margin-top-offset.short-bg.relative
hr
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs.mobile-hide href="/demo" try the inspec demo
.large-5.medium-5.columns.blue-grid.mobile-hide
img.grid-animate.fit src="/images/community/blue-web.svg" onerror="this.src='/images/community/blue-web.png'"
img.grid-animate.fit src="/images/community/blue-web.svg" onerror="this.src='/images/community/blue-web.png'" alt="image of grid"
.margin-top-sm
.row.align.mobile-row
.large-6.medium-6.mobile-12.columns
@ -140,32 +143,32 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.row.strict-center.mobile-row
.large-6.medium-6.columns.mobile-12.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up
img.icon-art.margin-under-xs src="/images/home/platform.svg" onerror="this.src='/images/home/platform.png'" /
img.icon-art.margin-under-xs src="/images/home/platform.svg" onerror="this.src='/images/home/platform.png'" alt="image for InSpec platform support"/
h4.t-purple Platform Agnostic
p
| InSpec supports all major operating systems and is platform agnostic, allowing you the freedom to run compliance assessments anywhere.
img.icon-logos src="/images/home/platform-logos.svg" onerror="this.src='/images/home/platform-logos.png'" /
| InSpec supports all major operating systems and is platform agnostic, allowing you the freedom to run compliance and security tests anywhere.
img.icon-logos src="/images/home/platform-logos.svg" onerror="this.src='/images/home/platform-logos.png'" alt="logos for Linux, Windows, Azure, Mac, Ubuntu, Docker container, AWS, VMware"/
.triangle-right
.large-6.medium-6.columns.mobile-12.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up
img.icon-art.margin-under-xs src="/images/home/test.svg" onerror="this.src='/images/home/test.png'" /
img.icon-art.margin-under-xs src="/images/home/test.svg" onerror="this.src='/images/home/test.png'" alt="image for InSpec remote and local testing"/
h4.t-purple Test locally or remotely
p
| InSpec provides a local agent for host-based assessments, as well as full remote testing support via SSH and WinRM.
img.icon-logos src="/images/home/test-logos.svg" onerror="this.src='/images/home/test-logos.png'" /
img.icon-logos src="/images/home/test-logos.svg" onerror="this.src='/images/home/test-logos.png'" alt="logos for SSH and WinRM" /
.triangle-right
.row.strict-center.mobile-row
.large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up
img.icon-art.margin-under-xs src="/images/home/run.svg" onerror="this.src='/images/home/run.png'" /
img.icon-art.margin-under-xs src="/images/home/run.svg" onerror="this.src='/images/home/run.png'" alt="image for InSpec freedom"/
h4.t-purple Free to run anywhere
p
| InSpec is an open-source language that can easily express compliance as code, with the freedom to run anywhere.
.triangle-right
.large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up
img.icon-art.margin-under-xs src="/images/home/extensible.svg" onerror="this.src='/images/home/extensible.png'" /
img.icon-art.margin-under-xs src="/images/home/extensible.svg" onerror="this.src='/images/home/extensible.png'" alt="image for InSpec's extensible language" /
h4.t-purple Extensible language
p
| Easily extend the InSpec language to cover new operating systems, devices, or applications.
@ -282,4 +285,4 @@ header.bg-gradient.margin-top-offset.short-bg.relative
code end
.scrollToTop.shadow-dark
img#scrollup src="/images/home/arrow.svg" onerror="this.src='/images/home/arrow.png'"
img#scrollup src="/images/home/arrow.svg" onerror="this.src='/images/home/arrow.png'" alt="image of scroll to top arrow"

View file

@ -1,7 +1,7 @@
footer#main-footer.dark-bg
#dlmsg.strict-center
.pad-under-xs
img#hex src="/images/octagon.svg" onerror="this.src='/images/octagon.png'" /
img#hex src="/images/octagon.svg" onerror="this.src='/images/octagon.png'" alt="image of octagon spinning" /
h3.t-white.pad-under-xs Get started with InSpec and rock on.
.row.align.columns
@ -16,10 +16,10 @@ footer#main-footer.dark-bg
ul.footer--logos
li
a.footer--logo.inspec href="/"
img src="/images/inspec-by-chef-logo.png"
img src="/images/inspec-by-chef-logo.png" alt="logo for InSpec"
li
a.footer--logo.chef href="http://www.chef.io"
img src="/images/chef-logo.png"
img src="/images/chef-logo.png" alt="logo for Chef Software"
.columns.large-8.medium-8
ul.footer--links.strict-right
@ -39,10 +39,10 @@ footer#main-footer.dark-bg
ul.footer--logos
li
a.footer--logo.inspec href="/"
img src="/images/inspec-by-chef-logo.png"
img src="/images/inspec-by-chef-logo.png" alt="logo for InSpec"
li
a.footer--logo.chef href="http://www.chef.io"
img src="/images/chef-logo.png"
img src="/images/chef-logo.png" alt="logo for Chef Software"
p.strict-center.pad-under-xs
small.t-gray &copy; Chef Software 2017

View file

@ -5,7 +5,7 @@ nav#main-nav.shadow
#main-nav-ctas
a.main-nav--logo href="/"
img src="/images/inspec-by-chef-logo.svg" onerror="this.src='/images/inspec-by-chef-logo.png'"
img src="/images/inspec-by-chef-logo.svg" onerror="this.src='/images/inspec-by-chef-logo.png'" alt="logo for InSpec"
i.fa.fa-bars.main-nav--toggle.strict-right.mobile-show

View file

@ -9,6 +9,7 @@ html
link href="/favicon.ico" rel="icon"
title = current_page.data.title || "InSpec"
meta name= "description" content = current_page.data.description
link rel='stylesheet' type='text/css' href='/css/inspec_tutorial.css'
link rel='stylesheet' type='text/css' href='/stylesheets/vendor/fontawesome.min.css'

View file

@ -1,5 +1,8 @@
---
title: InSpec - Tutorials
Description: InSpec is an open source (OSS) automated testing tool for integration, compliance, security, and other policy requirements. Get started with building your InSpec skills with hands-on tutorials.
priority: 0.7
change_frequency: daily
---
/! header and tiles
@ -78,7 +81,7 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.row.columns
.box-white.brdr-left.shadow.margin-under-xs.slide-left
.flex.align.collapseToggle
img.avatar src="/images/community/users/Annie.png"
img.avatar src="/images/community/users/Annie.png" alt="image for Annie Hedgepath"
.block.margin-left-sm
h3.a-purple Getting started with InSpec - The InSpec basics series
small.t-gray by annie hedgepath
@ -115,7 +118,7 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.row.columns
.box-white.brdr-left.shadow.margin-under-xs.slide-left
.flex.align.collapseToggle
img.avatar src="/images/community/users/Christian.png"
img.avatar src="/images/community/users/Christian.png" alt="image for Christian Johannsen"
.block.margin-left-sm
h3.a-purple Windows infrastructure testing using InSpec - Two part series
small.t-gray by Christian Johannsen
@ -131,7 +134,7 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.row.columns
.box-white.brdr-left.shadow.margin-under-xs.slide-left
.flex.align
img.avatar src="/images/community/users/jeremy.png"
img.avatar src="/images/community/users/jeremy.png" alt="image for Jeremy Miller"
.block.margin-left-sm
a.a-purple href="https://github.com/jeremymv2/chef-intranet-scaffolding/blob/master/README.md"
h3.a-purple Operating InSpec in an air-gapped environment
@ -141,7 +144,7 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.row.columns
.box-white.brdr-left.shadow.margin-under-xs.slide-left
.flex.align
img.avatar src="/images/community/users/noavatar.png"
img.avatar src="/images/community/users/noavatar.png" alt="image for blindscientist"
.block.margin-left-sm
a.a-purple href="http://scienceofficersblog.blogspot.de/2016/02/testing-ansible-with-inspec.html"
h3.a-purple Testing Ansible with InSpec
@ -150,4 +153,4 @@ header.bg-gradient.margin-top-offset.short-bg.relative
i.fa.fa-angle-double-right
.scrollToTop.shadow-dark
img#scrollup src="/images/home/arrow.svg" onerror="this.src='/images/home/arrow.png'"
img#scrollup src="/images/home/arrow.svg" onerror="this.src='/images/home/arrow.png'" alt="image of scroll to top arrow"

View file

@ -1,7 +0,0 @@
.under-construction
h1 Almost there...
p
| This page is still under construction. Let us know if you just followed
an important link, to get this fixed.
a.button href="http://slack.habitat.sh" target="_blank" Reach out on Slack
a.button href="https://github.com/chef/inspec/issues" target="_blank" Open an issue