CHP: SEO - Githubissues

From Lighthouse report: https://foo-software-lighthouse-reports.s3.amazonaws.com/report-1618300835847.html#seo

Acceptance Criteria:

[ ] fix the element by replacing "Hugo Course Starter" with "OCW". For example:<br /> <code><title>Engineering Apollo: The Moon Project as a Complex System | MIT OpenCourseWare</title></code></li> <li>[ ] add a meta description. We can use the same description in the HTML</li> <li>[x] add [alt] attributes for all images</li> <li>[ ] Add structured data (see <a rel="noreferrer nofollow" target="_blank" href="https://search.google.com/structured-data/testing-tool/#url=https%3A%2F%2Focwnext.odl.mit.edu%2Fcourses%2Fsts-471j-engineering-apollo-the-moon-project-as-a-complex-system-spring-2007%2F">results of structured data tool</a>)</li> <li>[ ] Test the results with Lighthouse</li> </ul> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/pdpinch"><img src="https://avatars.githubusercontent.com/u/430126?v=4" />pdpinch</a> commented <strong> 3 years ago</strong> </div> <div class="markdown-body"> <p>Google provides an example for structured data for courses at <a href="https://developers.google.com/search/docs/data-types/course#example">https://developers.google.com/search/docs/data-types/course#example</a></p> <p>You can also lookup what edX is doing by looking at <a href="https://search.google.com/test/rich-results?utm_campaign=devsite&utm_medium=jsonld&utm_source=course&id=hHQyUKLpkiCk90pYDxZzmw">Google's Rich Results test</a></p> <p>Based on these examples, I think we want something like:</p> <pre><code>{ "@context": "https://schema.org", "@type": "Course", "@id": "[canonical URL of the course]", "name": "[Course Title]", "courseCode": "[course number]", "url": "[canonical URL of the course]", "about": [ "list", "of", "topics" ], "description": "[Course Description]", "inLanguage": "en-us", "isAccessibleForFree": true, "provider": { "@type": "EducationalOrganization", "name": "MIT OpenCourseWare", "sameAs": [ "https://en.wikipedia.org/wiki/MIT_OpenCourseWare", "https://www.oeconsortium.org/members/view/145/" ] }, "educationalLevel": "[course education level]" }</code></pre> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

mitodl / ocw-hugo-themes

CHP: SEO #103

Acceptance Criteria: