TO DO THIS WEEK
Complete work on the Multimodal projects
Blog: Please describe in a short post your contributions to your group’s Multimodal Projects
CLASS NOTES
Multimodal Checklist:
- check grammar and spelling!
- check image proportion
- add meta description, viewport
- add Twitter and Facebook metadata – including 500×500 image
- add favicon
- make sure content is complete
- apply visual hierarchy in design and typography
SEO Checklist:
- awesome content that has a readership
- create internal links – your navigation has this
- make the site responsive to mobile devices
- clear URLs, title tags, headers, and meta descriptions for each page
- decide on top keywords. use these in meta descriptions and in the articles themselves
- consider using schema structured data (see below) for titles, author names, descriptions etc
- make chapter titles clear and descriptive
- (have profiles on social media websites, Twitter, Instagram Facebook)
Social Media Promotion best practices
- add Twitter/Facebook card metadata – metadata should work on Slack
- set up social media profiles: @tdrbark, @ebrbark, promote and engage on social media (Slack)
- (develop a posting schedule with new bits of info every few days)
- promote on a weekday – not too early or late in the day
- (create interest through events such as online panels, exhibitions, etc.)
Publication Longevity
- HTML!
- Semantic Markup
- Easy navigation
Schema attributes demo
<div id="grid-work" itemscope itemtype="https://schema.org/CreativeWork"> <div class="work-meta"> <img src="../../img/issue02/zhang_protocols_03_thumb.jpg" alt="image from work" itemprop="image"> <h2 itemprop="name">1:1</h2> <ul> <li><h3>by <span class="author-upper" itemprop="author" itemscope itemtype="https://schema.org/Person" itemprop="name">Alice Yuan Zhang & soft networks studio</span></h3></li> <li datetime="2022-09-01" itemprop="datePublished" content="2022-09-01">2022</li> <li itemprop="material">Application</li> <li>Browser</li> <li itemprop="sameAs">doi: https://doi.org/10.7273/q3ww-gx94 </li> <li class="begin"><a href="https://www.remoteprotocols.us/"> BEGIN </a></li> </ul> </div>