Third (and last) in a series of workshops for graduate students in the Department of English at UC Santa Barbara.
More information: http://patrickbrianmooney.nfshost.com/~patrick/ta/lead-ta/web-design/2013-2014/
YouTube screencast with audio: http://youtu.be/IwuS0K21ZoU
An introduction to HTML, including a description of how it works, common tags and appropriate image sizes and types. This presentation shows you how to create hyperlinks, manipulate text, use fonts and change colors on your website.
An introduction to HTML, including a description of how it works, common tags and appropriate image sizes and types. This presentation shows you how to create hyperlinks, manipulate text, use fonts and change colors on your website.
Lecture 15 - "It will go fast, now": Time and Place in 'salem's Lot (21 May 2...Patrick Mooney
Fifteenth lecture for my students in English 104A, UC Santa Barbara, spring 2012. Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/s12/index.html
Eleventh lecture for my students in English 140, UC Santa Barbara, Summer 2012. Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/su12/index.html
Fourth lecture for my students in English 192, "Science Fiction," summer 2013 at UC Santa Barbara.
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/m13/
Third lecture for my students in English 165EW, "Life After the End of the World," winter 2013 at UC Santa Barbara.
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/w13/
Rostros diferentes, comunidades cambiantes: Immigración y racismo, empleos, e...Everyday Democracy
Esta guía para diálogos comunitarios ayuda a comunidades diversas a enfrentar retos relacionados a los inmigrantes, diferencias de idioma, los empleos, y las escuelas. La meta de esta guía es de crear un mejor entendimiento, eliminar estereotipos, y promover mejores relaciones entre diferentes grupos en las comunidades.
Eighth lecture for my students in English 192, "Science Fiction," summer 2013 at UC Santa Barbara.
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/m13/
Slideshow for the eighteenth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Lecture 14: The Beginning Is the End Is the BeginningPatrick Mooney
Fourteenth lecture for my students in English 165EW, "Life After the End of the World," winter 2013 at UC Santa Barbara.
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/w13/
Lecture 15 - "It will go fast, now": Time and Place in 'salem's Lot (21 May 2...Patrick Mooney
Fifteenth lecture for my students in English 104A, UC Santa Barbara, spring 2012. Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/s12/index.html
Eleventh lecture for my students in English 140, UC Santa Barbara, Summer 2012. Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/su12/index.html
Fourth lecture for my students in English 192, "Science Fiction," summer 2013 at UC Santa Barbara.
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/m13/
Third lecture for my students in English 165EW, "Life After the End of the World," winter 2013 at UC Santa Barbara.
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/w13/
Rostros diferentes, comunidades cambiantes: Immigración y racismo, empleos, e...Everyday Democracy
Esta guía para diálogos comunitarios ayuda a comunidades diversas a enfrentar retos relacionados a los inmigrantes, diferencias de idioma, los empleos, y las escuelas. La meta de esta guía es de crear un mejor entendimiento, eliminar estereotipos, y promover mejores relaciones entre diferentes grupos en las comunidades.
Eighth lecture for my students in English 192, "Science Fiction," summer 2013 at UC Santa Barbara.
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/m13/
Slideshow for the eighteenth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Lecture 14: The Beginning Is the End Is the BeginningPatrick Mooney
Fourteenth lecture for my students in English 165EW, "Life After the End of the World," winter 2013 at UC Santa Barbara.
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/w13/
Lecture 08 - “the walking dead in a horror film”Patrick Mooney
Eighth lecture for my students in English 165EW, "Life After the End of the World," winter 2013 at UC Santa Barbara.
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/w13/
Seventeenth lecture for my students in English 104A, UC Santa Barbara, spring 2012. Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/s12/index.html
Lecture 07 - Purity, Deviation, and JudgmentPatrick Mooney
Seventh lecture for my students in English 192, "Science Fiction," summer 2013 at UC Santa Barbara.
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/m13/
Sixteenth lecture for my students in English 165EW, "Life After the End of the World," winter 2013 at UC Santa Barbara.
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/w13/
Lecture 10 - What Language Does: Gender in Lonely Hunter (2 May 2012)Patrick Mooney
Tenth lecture for my students in English 104A, UC Santa Barbara, spring 2012. Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/s12/index.html
Lecture 13 - “Endless quantities of the Real”Patrick Mooney
Thirteenth lecture for my students in English 165EW, "Life After the End of the World," winter 2013 at UC Santa Barbara.
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/w13/
Course website: http://patrickbrianmooney.nfshost.com/~patrick/ta/w13/
Introduction to Web Design for Literary Theorists I: Introduction to HTML (v....Patrick Mooney
First in a series of workshops for graduate students in the Department of English at UC Santa Barbara.
More information: http://patrickbrianmooney.nfshost.com/~patrick/ta/lead-ta/web-design/
YouTube screencast with audio: http://youtu.be/ZyYRmJXbT4o
Web Design for Literary Theorists I: Introduction to HTMLPatrick Mooney
First in a series of workshops for graduate students in the Department of English at UC Santa Barbara.
More information: http://patrickbrianmooney.nfshost.com/~patrick/ta/lead-ta/web-design/2013-2014/
YouTube screencast with audio: http://youtu.be/7Sv0LLGgi9A
Web Design for Literary Theorists II: Overview of CSS (v 1.0)Patrick Mooney
Second in a series of workshops for graduate students in the Department of English at UC Santa Barbara.
More information: http://patrickbrianmooney.nfshost.com/~patrick/ta/lead-ta/web-design/2013-2014/
YouTube screencast with audio: http://youtu.be/5Ds9oKV20H0
HTML from A to Z
HTML Basics : Basics-Semantic Elements-Attributes-Block and Inline Elements-Forms-Responsive Web Design-XHTML…..
HTML for Text Formatting : Text formatting-Links-Tables-Lists-Symbols-Space…
HTML Visuals and Media : Layout-Classes-Colors-Images-Multimedia…
DevRel Salon - Writing Decent Documentation, a learning journey with plenty o...Abdelhalim DADOUCHE
The January 2020 DevRel Salon topic was around "documentation" where I was asked to share my experience.
This talk try to transcribe some of the key learnings over 20 years as a support engineer, and developer (somehow), a consultant, an architect and last but not least as a Developer Advocate at SAP.
Css Founder is Website Designing Company working with the mission of Website For Everyone Website Start From 999/-* More Packages are available. we are best company in website designing company in Delhi, as we are also working in Website Designing company in Mumbai.
Slideshow for the twenty-second lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Slideshow for the twenty-first lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Slideshow for the twentieth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Slideshow for the nineteenth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Slideshow for the seventeenth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Slideshow for the sixteenth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Slideshow for the fifteenth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Lecture 14: "To speke of wo that Is in mariage"Patrick Mooney
Slideshow for the fourteenth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Slideshow for the thirteenth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Slideshow for the eleventh lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Lecture 10: Who's Speaking, and What Can They Say?Patrick Mooney
Slideshow for the tenth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Lecture 09: The Things You Can't Say (in Public)Patrick Mooney
Slideshow for the ninth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Slideshow for the eighth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Slideshow for the seventh lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Slideshow for the sixth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Slideshow for the fifth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Lecture 04: Dishonesty and Deception, 25 June 2015Patrick Mooney
Slideshow for the fourth lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Lecture 03: A Gentle Introduction to TheoryPatrick Mooney
Slideshow for the third lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Lecture 02: Poetics and Poetry: An IntroductionPatrick Mooney
Slideshow for the second lecture in my summer course, English 10, "Introduction to Literary Studies: Deception, Dishonesty, Bullshit."
http://patrickbrianmooney.nfshost.com/~patrick/ta/m15/
Being Sherlock Holmes: Guest Lecture, 9 January 2014Patrick Mooney
Guest lecture for Professor Newfield's English 193 course, 9 January 2014, at UC Santa Barbara. Based substantially on material from Professor Newfield.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
Web Design for Literary Theorists III: Machines Read, Too (just not well) (v 1.0)
1. Introduction to Web Design
For Literary Theorists
Third Workshop:
Machines Read, Too (just not well)
30 May 2014
Patrick Mooney
Co-Lead TA, 2013-2015
Department of English
UC Santa Barbara
2. Objectives for this workshop series
● To learn the basic skills involved in building a
small website for a course or section.
● To actually build such a web site, and to do a
good job of it.
● To engage in practices that minimize the labor
required to do so.
● To make your teaching practices more visible
on the web.
● To be able to read various versions of HTML
and CSS in other places on the web.
3. Objectives for today’s workshop
● In the last two workshops, I’ve argued that your
markup for your site should be semantic
(indicating the structure of your document)
rather than presentational (because HTML is not
a word-processing application).
● In the last workshop, we talked about how to
control the presentation of your documents with
CSS.
● Today will present the other half of that
argument: semantic markup makes your pages
intelligible to machines as well as humans.
4. More specifically …
● Today we will be talking about:
– Additional HTML tags (especially in the <head>)
– Microformats (http://microformats.org)
– Sitemaps (http://sitemaps.org)
– OpenGraph (http://ogp.me)
– Some things Google likes
5. Details, details ...
● I’m going to be moving over a lot of details
rather quickly today.
● You don’t need to memorize them all.
– There are great references on the web, of course.
– This presentation will be online in a few days.
– What’s important is that you pick up major concepts
and work along with them.
– Come talk to me in my Lead TA office hours if you
have questions!
● A collection of useful links is online at
http://is.gd/todoho.
6. Reminders from previous workshops
● HTML is the standard language for displaying
content on web sites.
● An HTML document (“web page”) is a plain text file
with markup (“tags”) that indicate the structure of the
document to machines that render or otherwise
interpret it.
● Your HTML should focus on describing the
document’s structure, rather than its appearance.
– To put it another way, you should separate content from
information about its presentation.
– Describing the appearance of well-structured content is
the function of CSS.
7. A minimally acceptable XHTML
document
● The <!DOCTYPE> declaration is (to you) a string of gibberish whose purpose is to
tell the browser what flavor of HTML you’re using.
● The xmlns= attribute on the <html> tag tells XML parsers how to parse the HTML.
● You can just look up these values, or (even better) use existing documents as
templates.
8. Caddy came to the door and stood there,
looking at Father and Mother. Her eyes flew at
me, and away. I began to cry. It went loud and I
got up. Caddy came in and stood with her back
to the wall, looking at me. I went toward her,
crying, and she shrank against the wall and I
saw her but I pulled at her dress. Her eyes ran.
Versh said, Your name Benjamin now. You
know how come your name Benjamin now. They
making a bluegum out of you.
— William Faulkner, The Sound and the Fury
(page 44 in the Norton Critical Edition)
So how do machines see text?
9. Why be nice to machines?
1. It’s helpful to your users in various ways,
especially the tech-savvy ones.
2. It can enhance the visual appeal of your
information when it’s been processed by
machines:
– Search engine results
– Shares on Facebook, Google+, etc.
3. Like any constituency, machines appreciate it
when you pander to their preferences.
10. Some additional <head> contents
●
<link> – indicates that the HTML file depends on (in
some sense) another file to be properly rendered or
otherwise processed.
● An example you saw in workshop two:
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Some Books I've Read</title>
</head>
<body>
[...]
● But there are other ways for HTML documents to
depend on other documents. We’ll talk about some
of these later today.
11. The <meta> tag
● Always goes in the <head> section of the
document.
● As you might expect, encodes meta-
information about the document.
● This information is not directly visible to the
viewer, but is meaningful to various types of
automatic processing.
● There is no authoritative and definitive
vocabulary for meta-information, but there are
very common vocabularies.
13. Indicating the (natural) language of
your text
● You can add the lang= attribute to any HTML
tag:
<body lang="en">
<p lang="en-US">In J.M. Synge’s <cite>The
Playboy of the Western World</cite>,
Christy Mahon refers to a shovel as a <q
lang="en-IE">loy</q>.</p>
</body>
● You should generally be only as specific as
you need to be.
– jp means “Japanese”; jp-JP means “Japanese as
spoken in Japan.”
14. Microformats
● Are a way of easily indicating certain types of
information to automatic processors while
remaining invisible to users in browsers:
– Identity information (name, address, phone
number, website, etc.)
– Calendar information (event times, locations, etc.)
– Relationships
– Recipes
– Etc.
● Think of them as a way of pointing and yelling
“Here it is!” at parsing software.
15. Attributes for any tag
● <tag id="something">
– Attaches a unique ID to an individual tag for some
purpose of your own.
● <tag class="something something_else">
– Indicates that the tag belongs to one or more
groups that you yourself designate for some
purpose of your own.
● One of these “purposes of your own” involves
marking content for styling.
● There are other purposes …
16. Marking up personal information
with hCard
● Find the HTML tag that encloses all of the
relevant information or, if there isn’t one,
surround the information with <span> ... </span>
or <div> ... </div>. Give this element the class
vcard.
● Mark up whatever relevant information is there
with class names from the hCard vocabulary.
– The only required piece of information is fn
(“formatted name”), but you can provide a lot of
other information if you’d like: email, telephone,
web page, address, birthday, photo, etc.
18. Some more notes
● If you have full control over your page’s code, you
should add the hCard profile to your document’s
<head>:
<link rel="profile"
href="http://microformats.org/profile/hcard" />
● Remember that all you’re really doing is pointing
out to non-browser parsers where a certain type of
information is.
● You can wind up with a lot of extra <div>s and
<span>s. Remember that HTML rendering
collapses whitespace, and you can take
advantage of this.
19. Another microformat: hCalendar
● Used for describing events in a machine-
readable way.
● If you can, add the profile to your document’s
<head>:
<link rel="profile"
href="http://microformats.org/profile/hcalendar">
● Mark up the element containing all of the
information as class="vevent".
● Required information: when the event starts
(dtstart) and its description (summary).
20. Other considerations
● What if the human-readable information is not
machine-friendly?
– Use the <abbr> (abbreviation) tag to encode a
machine-friendly version in the tag’s title attribute:
<p class="vevent"><span class="summary"> First
paper due</span> at <abbr class="dtstart"
title="2014-05-19T12:00">noon on May
19</abbr>.</p>
● If you have multiple events on a web page, you
can be polite to the parser by giving an element
that contains all of them (perhaps <div> or <body>)
the class vcalendar.
22. A final microformat: XFN
● Used for indicating relationships between
people.
● If you can, add the profile to your document’s
<head>:
<link rel="profile" href="http://gmpg.org/xfn/11">
● Really simple: just add rel="[something
meaningful]" to your <a href> links.
● Theoretically, you should use this to talk about
your relationship to a real human when you
like to a web page representing them: a blog,
a Facebook or LinkedIn profile.
23. What you can put in rel= values
relationship
category
XFN values
friendship (at most
one)
friend,
acquaintance,
contact
physical met
professional co-worker,
colleague
geographical (at
most one)
co-resident,
neighbor
family (at most
one)
child, parent,
sibling, spouse, kin
romantic muse, crush, date,
sweetheart
identity me
● The only one I myself
use with any
regularity is rel="me",
which means “The
page I’m pointing to
also represents me.”
● There are plenty of
other things you can
do with rel= values,
though we’re not
discussing them.
24. Be nice to Google
● One of the reasons for using microformats:
Google leverages them for deciding how to
display search results.
– If you know them, you can also use RDF or microdata.
● Indicate to Google that your content belongs to
you with rel="author" markup:
– <a href="[your Google+ profile URL]?
rel=author">, or
– <link rel="author" href="[your Google+ profile
URL]"> in your document’s <head>.
– Also link back to your website from your G+ profile.
25. Sitemaps
● A way of providing hints to search engines:
– Where are files they might not otherwise find?
– How should various documents on your own
website be ranked relative to each other?
– How often should search engines check for
document updates?
● An XML file, called sitemap.xml, at the root of
the site’s directory.
– XML is just another markup language, conceptually
similar to HTML, without a completely fixed
vocabulary. XML vocabularies depend on context.
27. Some considerations
● Sitemaps are understood by Google, Bing,
Yahoo!, and other search engines.
● Information in your sitemap that points to a
domain name other than the one on which your
sitemap is hosted will be ignored.
● As in so many other ways, if a search engine
can tell that you’re trying to deceive it somehow,
this actually hurts your search engine ranking.
● You can sign up for Google Webmaster Tools
(there’s one for Bing, too) to see stats about your
website and make sure that your sitemap is
understood.
28. Open Graph
● A way of providing basic information that
controls how social networks display your web
pages.
● Facebook-originated, but also understood by
LinkedIn and Google+ (and others).
● Consists of a set of tags you put in your
document’s <head>.
● If you omit it, social networks will try to guess
based on other page information.
● Twitter and Pinterest understand it but prefer
that you use their own metadata vocabularies.
29. ● Add a bit of verbiage to your root <html> element:
<html prefix="og: http://ogp.me/ns#">
● Alas, this is technically invalid in any version of HTML other
than HTML5.
● However, even if it’s technically invalid, it still works fine.
● Four characteristics are mandatory to be
minimally compliant:
<meta property="og:title" content="Discussion
Notes for George Eliot's Middlemarch" />
<meta property="og:type" content="website" />
<meta property="og:url" content="[the
document’s actual URL]" />
<meta property="og:image" content="[an image
URL]" />
● There are other properties you can specify for
more control.
30. Increasing your search engine ranking
● Write valid HTML.
● Engage in good semantic markup practices so
that search engines understand the structure
of your document.
– Put meaningful values in <h1>, <h2>, etc.
– Use microformats (or microdata or RDF).
– Check the validity of your documents using
validators. There are good ones available free on
the Internet.
● Never ever try to deceive search engines.
31. ● Treat your own home page as a central hub
for your online presence.
– Link to it from your other online presences.
– Link back to your other online presences from it.
– This process of reciprocal linking helps search
engines to determine that your identity hub is, in
fact, your identity hub.
● Hope for links to your content from other
places.
● Use good metadata to describe your site.
32. How much of this is worthwhile?
● Admittedly, doing all of this for every HTML
document that you write would be an awful lot
of work, especially at first.
● The short answer: you should do whatever
you feel comfortable doing and have time to
do. Each of the techniques we’ve talked about
today will benefit you in some ways.
● As with any skill, it gets easier as you do it
more often.