Project SEO Blog 17:
Project SEO
SEO Website Project url: https://k00121609.github.io//SEOEWT
Git-hub repository: SEOProject.
This Blog url name: creativemultimediaprogrammingsb.blogspot.com
_______________________________________________________________
April
April
Part 3: SEO actions to take and results of these actions (update):
Actions
|
Expected Effects/Effects
|
Audience considerations to inform this SEO process:
What is my
potential audience?
What are their
expectations?
How can I enhance
the user experience?
From conversations with
people in my class and my own knowledge. Potential users are people
interested in finding out about this type of course, people looking to find
out more about the course, people looking at the course but also the context
in terms of LIT facilities, general browsers.
|
The “Micro-moments”
technique, also known as the “3 Types of User Intent defines 3 types of
intentions users have on visiting a website as transactional, informational,
navigational.”
As I detail further on in
this table, I am using query language to target the website audience.
In practice these 3
factors translate into “go, know, do queries.”
“Go” is a query relating
to the brand i.e. “Creative Multimedia “Know” for query searches for people
know about the course and want more information. Programming.”
“Do” is a query search
related to what the site does i.e. Postgraduate course etc.
For my website, I have
targeted <meta> tag and <h1> headings to achieve this effect.
This involved an update
of my current headings. These headings I had carefully thought out to be
relevant keywords as per my keyword research. (With this new information on
“query targeting” I have updated these as follows: ****)
|
Research and Brainstorming for rich keywords
|
![]()
This image from my
research imbues a lot of the key phrases associated with “Creative
Multimedia.” In addition to these are the Programming aspect which is not
referred to above of our course which includes: Advanced Web Programming.
There is the full list of
course modules which relate to many in the diagram, but, I am including them
as specific titles to link to specific user query searches.
These are: Evolving Web
Technologies, Web Development, 3D Graphics, Interaction Interface Design, Web
Programming, Project Management, Multimedia Database Systems and Design, Project,
Work Experience, Blogs.
These all are primary key
phrases.
There are secondary
phrases that are associated with these of: courses, jobs, art, Psychology,
Adobe Acrobat, Adobe Illustrator, Adobe Photoshop, Adobe After Effects,
Brackets, CSS, HTML, JavaScript, DOM, PHP, SQL, Code Ignitor, Microsoft
Excel, Access, Word, PowerPoint, Balsamiq.
|
URL selection:
-clean URL’s-no special
characters, (ID’s?) etc.
|
Address visitors type to
find my site.
That Google looks at for
understanding what site is about and ranking. That it has heuristic
principles of being: memorable, recognisable and being professional as well
as easy to access and use.
My url for this website is: https://k00121609.github.io/SEOEWT/
The GitHub Repository
name is: SEOProject.
My blog name was my
student k number at blogspot.com, however, as I h gained more knowledge
through the process of this project, I updated the url name to be more
keyword specific to: creativemultimediaprogrammingsb.blogspot.com
This contains the key
words from the brief being targeted for i.e. “Creative Multimedia
Programming.”
|
Create quality authentic content in titles and descriptions for each page + keywords
& phrases mixed in.
Create a unique perspective
that adds value to the topic.
Site title
Site descriptions
Keywords – use “Moz
Keyword Explorer” & list others I have used.
![]()
Content:
check for high quality content and that there’s no duplication.
Audience: revise
content to ensure that it will interest a wide audience e.g. industry
experts, websites, blogs etc.
|
![]()
One of first things
Google does to determine sites rank status.
Visitors to the site to
read the title and description and decide whether to check it out. Google
favours less website with duplicate content, seeing it as not an expert
website.
“Google Panda” screens for good/bad content,
penalising low-quality content. Its algorithm checks for this & de-ranks
sites with low-quality content.
The unique perspective I
created was to include the Creative Multimedia Programming Course in the
context of the overall experience of a student at LIT and both the course and
LIT facilities. I think in Marketing terms that this will appeal to a wider
audience and may stem further interest in the course by browsers looking at
the course at LIT’s context.
|
Add Location Map using Google and add my API + code to the html for this.
![]()
The above is another way
of increasing possible site access through using the “Site-Booster App”
|
For users to know
location of the Creative Multimedia Programming course at LIT, Moylish. Using
the Google map, to explore pictures of LIT. Using the Google feature of
“Google Penguin” to use location and distance as key factors in ranking the
results.
![]()
“Google Pigeon” launched
in 2014 can provide high quality, relevant local search results.
![]()
Like the above launched
in 2016, “Possum” delivers better, more diverse results based on the
searcher’s location and business address. It uses physical location of the
searcher and the phrasing of the query.
|
Utilizing anchor text:
|
Here I expect that
visitors having opened the site will read the information and click on
associated links for more information. I have tested this and all anchor
links are working. Also, a user can navigate back to the website easily after
selecting a link to view.
In design terms, I have
chosen a light-grey colour for these links that are plentiful in the website
and text-decoration on hover of underline, to show these are links. Also, for
design, they tie in with the headings which are in the same font colour,
signifying that they are important.
(all anchor links are in
place and operational)
|
Images:
Be specific including
images of this course output e.g. student projects or logos.
I am formatting current
images including an animated .gif image currently on the website.
I am including images
from my 3D Graphics project, which I will format, compress and minify to
ensure that they do not interfere with on-load page speed. For these I will
include titles and descriptions for the search engine to pick up on.
|
Format, compress, minify are the key actions which through the
following description of their characteristics should increase my on-load of
page speed for current images. The current speed is quite good, However, I
will be adding more images to the project, hence, it will be more important
to have the current images and the next to be added images formatted for
optimal SEO.
As, one of the biggest issues on plus-sized websites is
pictures. Unless they’re compressed and resized to suitable formats, they can
be over-large and slow page speed to a crawl.
For photographs, with a wide number of colours and much
finer details, .png can compromise the quality of the image. It is common to
use .jpg files instead, or WebP, an open source image type format from Google, which
supports both lossy and lossless compression.
(all images are compressed)
|
Adding “alt text” to all my images
To accurately describe
what is shown in the image + keywords of my site there also (>70
characters).
Make descriptions vivid.
|
Google understands images
by reading their associated “alt text.” I am adding “alt text” that is
descriptive and specific for search engines to discover more easily and to
enhance the richness of the content which is a feature Search Engines look
for.
(alt text added to images
nb check names I have given images as these are significant for SEO in
Google.
|
Image checklist:
§ Name the images to relevant terms
§ Compress images for adjustment of file size (as they affect
page speed)
§ Make sure all images have alt text and a title for the
images
§ Think from the perspective of a user when naming my
images
§ Focus on quality images
|
An example of this from my research is the following:
![]()
(images are optimised)
|
Check the site structure to confirm there
are the right “headers,” “subtitles,” and in the heading hierarchy: h1, h2,
h3 etc. are in the right order
|
Clarity of text structure
to make it easier for search engines to analyse my site’s content. The basic
site structure is: ****
|
<meta> tags (html attributes that provide concise explanations of the content of
web pages), preview snippets on SERP’s.
Head section order is
very important here. It is an advertisement for the website
My choices are: Creative
Multimedia Programming, LIT, Awards, Read Review etc.
Write in natural and
clear readable way so they will not appear as spam.
Look at LIT
surveys/ratings/other data.
Adding the
metadata to my HTML page:
<head>
<meta name= “description” content= “Here is a precise description of my awesome webpage.”> </head> |
This is to provide the heading
used to link my site on search engines & how my page titles will appear
on search engines.
The purpose is also, to
give users unfamiliar with my site an idea of its content, when clicking the
title. (Add my examples here****)
|
Title Tag:
~9 words. Put important words first (before the Google cut-off in the SERP
~600 px=~70 characters.
|
(work on the header of my
website, to put important words first...)
|
Description Tag: to include the most important information before SERP cut-off ~24
words/~160 characters (including spaces) making best use of real-estate here.
Marketing Strategies:
Use
emotive sentences to gain attention: emotive
language in a naturally spoken sentence with plenty of action words/verbs
such as: offers, rewards, challenging possibilities, learners, interested, in
undertaking, Opportunity
Add a selling point e.g. “Have you 20 seconds, would like to help testing
this, just follow these quick suggestions…
|
Power words and direct
relevance will help to provide an overview of my websites content.
Adding “User Engagement”
to a website has been proven to optimise a site in search engine searches.
|
Keyword Tag:
I’m using rich keywords,
especially in the metatag.
Using researched and
brainstormed key words and phrases and those with most relevance from
audience analysis.
With a keyword tag,
record a primary and secondary keyword in the meta keywords tag.
Important: list key words
in longest->shortest in length and separate by commas.
Use medium-tailed
keywords mostly for best SEO ranking effect.
Look at user intent
behind keywords.
Methods of keyword
selection:
Websites: Google, Yahoo,
Moz, Quora, Wikipedia,
|
Not important for Google
considerations. Is important for optimising guidance and tracking over time.
Putting the key words and
phrases first, means that these will be the words most likely to appear in
the search results.
Having these key words
that are relevant to users as per my audience analysis could increase the
probability of after search the onclick to look further at the website
content/answer a query.
Keywords are classified into:
-Short-tailed keywords:
1-2 words – difficult to rank for due to extensive competition.
-Medium-tailed keywords:
3-4 words-optimise these, do not have the same volume of short-tailed
keywords, but do have a better change of ranking.
-Long-tailed keywords:
longer than 4 words-easy to rank for, but, are often neglected due to their
low volume. Key here for best effect is to rank a lot for them at the same
time.
|
Word count:
checked for other search results of the key words I’m using in this website,
to see what a search engine sees as normal for word-count of this topic. ~450
words for an information website.
Make sure that I am
within the correct character count
& my titles and descriptions are relevant to the page content.
|
This is important as if
Google sees page titles and descriptions do not meet character count or were
not correct for the actual page content, Google may choose other content from
my page to plug in as the page title or description.
As Google checks for
these with SERP cut-off points, it is important to maximise the points I wish
to put across in this marketing strategy.
|
Turning queries into action items:
In using the “Micro-Moments” technique of: “go, know, do:”
“Go” is a query relating
to the brand i.e. “Creative Multimedia.
“Know” for query searches
for people know about the course and want more information. Programming.”
“Do” is a query search
related to what the site does i.e. Postgraduate course …
This technique is also known as the “3 Types of User
Intent: transactional, informational, navigational.”
Examples of what I am including are:
What is the programme about?
Who is the programme suited to?
Top 3 reasons.
Class Contact Hours.
Other Information.
Did you know?
Want more?
|
This understanding of my
target audience and categorizing user query types may enhance the user experience
of visiting the website. Here, with categories of query based searches
considered, I am aiming at three potential audience categories.
With this Google
understands the websites requirements.
![]()
“Google Hummingbird”
checks this and produces more relevant search results by better understanding
the meaning behind queries.
![]()
“Rank Brain” is a machine
learning system that helps Google better decipher the meaning behind queries,
and serve best matched results in response to those queries. It identifies
the relevance factor of a page in the index and arranges the results
respectively in SERP’s.
|
Addition of social media links to the site and a
Google search bar.
![]()
Add Twitter Tweet-button for users to Tweet on-site.
![]()
Broadcast content
through social media.
|
Enhance the UX/UI
experience of the website, increase their anticipation of returning to the
website to see more tweets. Increase the opportunity that Google will rank
site higher due to a discussion forum link.
Enhance the user interaction
experience and Googles interpretation as an active website which may increase
the sites search ranking. Search Engines rank higher sites with interactive
and multimedia content.
|
Editing, checking spellings and proofreading for readability
Consideration of visually impaired customers in
this process.
|
For website to be viewed
as professional, attention to detail, a voice that can be trusted.
|
Continue updating my website
|
Ongoing
|
Submit website to Google using:
http://www.google.com/addurl |
This may speed up Google
recognising my website. Google can take anything from 1-3 months to index new
websites. This emphasises the importance of being specific about elements in
the website.
This method is where I
can submit my website directly to Google. (important to do this after
connecting a domain.)
|
For “Voice Searches,” I have added, how? Where? When? type queries.
|
Voice Searches have implications for website
designers and marketers in terms of SEO: In
last year’s Google IO conference Google CEO Sundar Pichai announced that 20%
of search queries were coming from voice search.
![]()
Terms returning voice search results are query
words as would be used in natural speech:
![]() |
Mobile Usage:
Checked website to make
sure it is mobile friendly.
Checked mobile usability
report to see how the site has been performing on mobile devices (in the
search traffic section of the Google Search Console).
Check here for reports
on: touch elements, content sized to viewport, flash usage, font size etc.
Used “Fetch as Google”
(crawl section of Google Console) to render the site the way Google sees it
on different mobile devices.
Ran my URL through the
“Google’s Mobile-Friendly Test.”
Checked page load speed.
|
As this is now a “Mobile
First World,” considerations of mobile usage are important.
![]()
“Googles Mobile Friendly
Update” gives mobile friendly pages a ranking boost in mobile SERP’s and
de-rank pages that are not optimised for mobile.
|
Checked Mobile site configuration, that the content and mark-up for my site is the
same on mobile as desktop.
|
For consistency of
viewing, and heuristic principles of memorability and recognisability.
|
Used internal and external links. Check these on Google Console to see ratings within
the website of most visited links.
|
This would give me an
idea about what to optimise further within the site.
I have internal links in the form of
navigation. External links are plentiful in this website and are further
sources that support my content. These links are to reputable sources at LIT
which have very good credibility.
|
Imbedded testimonial video of Creative Multimedia video on the LIT Clonmel
website for the 3D experience.
I Used <object>
based embed code as this can be crawled naturally by search engine spiders
(as opposed to what I have found in the research of “Search Engine Watch,” the
new embed code that puts a movie into an iframe renders in Google the movie
un-crawlable.)
Changed the next details
form <iframe> to <object>:
This
is the <embed> code from the LIT Website
Embed code: <iframe width="360"
height="203"
src="https://www.youtube.com/embed/QBnQHTx3q70"
frameborder="0" allowfullscreen></iframe>
I changed the format form
<iframe> to <object>.
|
Adds value and visual
excitement and multi-media interest to the page. Videos have additional SEO
benefits and social sharing power to improve the main Marketing aspect of the
project for SEO.
Screen of video:
![]() |
Add “Micro-data Markup” involves highlighting text with the mouse,
marking it and hit publish-then Google applies these “patterns” to the site.
|
In this way, Google can
show my structured data snippets.
|
Link to my blogs.
|
Increase potential
visibility volumes
|
View incognito and in different search engines.
|
Notice any
patterns/trends/different or similar interpretations of website code.
|
Added recent news
streaming on the main LIT Website.
Look for ratings charts/ e.g.
recent award winners in C.M. course at LIT, that is streaming news in the
main LIT news website.
|
Google favours rating
charts/graphs/infographics for improved rating status.
|
Look at AMP (Accelerated mobile pages).
|
This enables web pages to
load instantly for mobile users. AMP pages get a ranking boost in the mobile
search results.
During testing on the websites in a “Search
Engine Watch” study, AMP was found to have a 71% faster load speed for blog
posts, and a reduced page size from 2.3MB to 632kB.
Another “Search Engine Watch” study had these
relevant findings:
This
study compared ad performance on AMP and non-AMP mobile pages across 150
publishers.
The results are:
§ 80%+
of the publishers realized higher viewability rates
§ 90%+
of the publishers drove greater engagement with higher CTRs
§ Most
the publishers saw higher eCPMs (Impact and proportion of lift varies by
region and how optimized the non-AMP sites are)
|
Included call-to action (CTA) clarity in website.
|
Through the audience
analysis and research, I have found that the main queries are: transactional,
relational and navigational.
This means in practice
that they are about: go, know, do queries.
Using this information, I
have adjusted my website with <h1> queries rather than statements. From
these it is clear for the three types of query what the call-to-actions are
in the website.
|
Use the “Structured Data Mark-Up Helper” in
Google (in WMT Other Resources Section). My actions for this are:
Articles:
use article tag
Local Businesses
Restaurants
TV Episodes with Ratings
Book Reviews
Software
Applications
Events
Products
TV
Episodes
The process for this is to: enter my url, tag data and view
html.
|
My actions here are to include the following:
Articles:
use article tag
Local Businesses:
add Enterprise centre at LIT
Restaurants:
add ‘Insomnia’ at LIT
TV Episodes with Ratings:
look to see if there’s any LIT ratings on their news page
Book Reviews:
check if any publications in Creative Multimedia
Software
Applications: look at the Creative Multimedia
recent competition winners
Events:
highlight my academic calendar of events in the website
Products:
products derived from student fyp projects and similar
TV
Episodes: in the LIT news section of website
|
Use the “Data Highlighter” in Google:
Click “Optimization”, then “Data Highlighter”. It gives you
the option to tag a single page or multiple pages, verify the tags, and then
“publish” it to Google. The process will take webmasters about 5 minutes for
single pages, and 15 minutes of a series of similar pages.
Add Event listings, using
the Data Highlighter to tag data (name, location, date, and so on) for the
events my site.
Note: that Data Highlighter can only access pages that have been
crawled by Google recently. If Google hasn't crawled or can't crawl some
pages, such as pages behind sign-in forms, the Data Highlighter cannot be
used for those pages.
The advice is to create “page sets” that follow
a certain structural pattern.
There is no need to
change website html. Just highlight data items with the
mouse and select their type like this next image:
![]()
As I make the changes there is a
window to the right of screen that shows how Google is applying the changes I
am making to the website for structured data.
When complete I click ‘Publish,’ and
Google will apply these patterns to my site.
Google can then show this structured
data in my snippets.
|
Using this tool helps
Google understand the websites data. The end-product is that Google can
“present data more attractively and in new ways, in search results.”
Google has updated their Data Highlighter to now cover
eight types of structured data, which allows webmasters to easily tag key
fields on their sites for the applicable structured data. The tool now
includes the following types:
§ Events
§ Products
§ Local businesses
§ Articles
§ Software applications
§ Movies
§ Restaurants
§ TV episodes
~Next, you will go into your CMS (or source code if you’re not using a
CMS) and add the highlighted snippets in the appropriate spots. Find the
yellow markers on the scrollbar to find the schema mark-up code~
~ A simple alternative is to download the automatically-generated HTML
file, and copy/paste it into your CMS or source code~
! (Practise this on a separate file first)
After tagging events, the next time Google crawls the website,
the event data will be available for rich snippets on search results pages.
I have designed my website so that it is one
long scrolling page. Therefore, all the information is one set. From this I
have created out-links for more information on the topics included.
|
Monitoring Search Traffic Queries:
Use this in Google to
identify the domains that link to me the most, along with my
most-linked-to-content.
|
This gives more detail
and links that I would see compared to performing a regular search with my
website url.
|
Monitoring Google Index: Index Status:
This allows me to track
the status of my site within the Google Index. Look for any trends on this.
|
I can obtain information
here on indexing of my site and statistics on this.
|
Using Fetch as Google:
They
return the HTTP response, date and time and HTML code (including the first
100kb of visible text on the page. (If the page looks as I expect it to I can
submit it to the index).
|
Here I can view my pages as Google sees
them.
|
Robots:
Test out current
robots.txt comparison to verify if pages are being crawled or not.
|
No reports of not being
crawled.
|
Sitemap created and linked with my website and
Webmaster Tools:
The page shows you the sitemaps that you’ve
submitted, the number of pages they found in each, and
the number of those pages that they’ve indexed.
|
Improves Googles ability
to analyse and perform searches on categories of information.
|
Use
Instant Preview:
This tool allows me to see how the website
looks using Google’s Instant Preview feature (this is the view of my site
that can be seen in the search results when I mouse over the double arrows
that show up next to a result).
|
|
Metrics:
Bounce rate, average time
on site, pages per visit.
“User engagement metrics”
evidenced to improve rankings.
|
Add charts and data
|
Other items:
|
![]()
Here I have saved a link
to SEO Content to my Pintrest Board.
|
Comments
Post a Comment