sites that only work on certain browsers or bulky code needed to cope with all the
different versions.
The W3C (http://www.w3.org
) was created in 1994 and since then has been
responsible for specifications and guidelines to promote the evolution of the Web,
while ensuring that Web technologies work well together. The Web Standards
Project (http://www.webstandards.org
) launched in 1998 and labeled key
guidelines as “Web standards.” Modern browsers should be built to support these
standards, which should vastly reduce cross-browser compatibility problems, such
as Web sites displaying differently in different browsers.
Web standards include the following:
• HTML (hypertext markup language)
• CSS (cascading style sheet)
• XML (extensible markup language)
• XHTML (extensible hypertext markup language)
• DOM (document object model)
CSS is standard layout language. It controls colors, typography, and the size and
placement of elements on a Web page. Previously, Web developers have had to
create instructions for every page in a Web site. With CSS, a single file can control
the appearance of an entire site.
CSS allows designers and developers to separate presentation from content. This
has several key benefits:
• Sites are easier to maintain and update and are more accessible.
• Content may be updated easily by someone who is not a Web designer
or developer.
• Global changes can be applied quickly and easily.
CSS can also do the following:
• Reduce bandwidth and page-loading times
• Increase cross-browser compatibility
To see CSS in action, visithttp://www.csszengarden.com
, where you can make a
single HTML page look very different, depending on which one of the many
designer-contributed style sheets you apply to it.
Chapter 13 Web Site Development and Design
13.4 Design
324
Pdf searchable text converter - search text inside PDF file in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Learn how to search text in PDF document and obtain text content and location information
how to select text on pdf; pdf text search tool
Pdf searchable text converter - VB.NET PDF Text Search Library: search text inside PDF file in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Learn How to Search Text in PDF Document and Obtain Text Content and Location Information in VB.NET application
search pdf files for text programmatically; pdf search and replace text
Using a Content Management System
As the name implies, a content management system (CMS) is used to manage the
content of a Web site. If a site is updated frequently and if people other than Web
developers need to update the content of a Web site, a CMS is used. Today, many
sites are built on a CMS. The CMS can also allow content of a Web site to be updated
from any location in the world.
A CMS can be built specifically for a Web site, and many Web development
companies build their own CMS that can be used by their clients. A CMS can also be
bought prebuilt, and there are manyopen-source
21
, prebuilt CMSs available, some
of which are free.
A CMS should be selected with the goals and functions of the Web site in mind. A
CMS needs to be able to scale along with the Web site and business that it supports,
and not the other way around.
Of course, the CMS selected should result in a Web site that is search engine
friendly.
Here are some key features to look out for when selecting or building a CMS:
• Meta and title tag customization. The CMS should allow you to enter
your own meta tags and fully customize title tags for each page.
• HTML tag customization. The CMS should allow for full customization
of HTML tags, such asnofollow links
22
. SeeChapter 6 "Search Engine
Optimization"
for an explanation of nofollow links.
• URLs. Instead of using dynamic parameters, the CMS should allow for
server-side rewriting of URLs (uniform resource locators). It should
allow for the creation of URLs that have the following characteristics:
◦ Static
◦ Rewritable
◦ Keyword rich
• Customizable navigation. A good CMS will allow flexibility when it
comes to creating the information architecture for a Web site. For the
purposes of adding additional content for search engines, a CMS should
not require that all content pages be linked to from the home page
navigation. This allows content to be added for SEO (search engine
optimization) purposes, without adding it to the main navigation.
21.Unlike proprietary software,
open-source software makes
the source code available so
that other developers can build
applications for or even
improve the software.
22.Nofollow is an attribute of a
hyperlink, indicating to search
engines that the link is not
endorsed by the Web site.
Chapter 13 Web Site Development and Design
13.4 Design
325
C# PDF Convert to Text SDK: Convert PDF to txt files in C#.net
document to editable & searchable text file. Different from other C# .NET PDF to text conversion controls, RasterEdge C# PDF to text converter control toolkit
pdf select text; pdf text searchable
Online Convert PDF to Text file. Best free online PDF txt
document to editable & searchable text file. Different from other C# .NET PDF to text conversion controls, RasterEdge C# PDF to text converter control toolkit
search pdf for text; how to select text in pdf reader
• 301 redirect functionality. It is imperative that a CMS offers the
ability to put in place 301 redirects to prevent penalization for
duplicate content on different URLs.
• Customizable image naming and alt tags for images. A good CMS
will allow you to create custom alt tags and title attributes for images.
• Robots.txt management. Ensure you are able to customize the
robots.txt to your needs, or that this can at least be managed using
meta tags.
• Content search. Make sure you are able to include a useful site search.
Figure 13.7
Joomla! is an open-source content management system (CMS). Here you can see how the CMS allows you to manage
the articles on the Web site.
Be aware when building clean, descriptive, and dynamic URLs from CMS content.
Should you use a news heading (“Storm” in this example) as part of your URL
(http://www.websitename.com/cape/storm) and someone changes the heading to
“Tornado” (http://www.websitename.com/cape/tornado), this will alter the URL
and the search engines will index this as a new page, but with the same content as
Chapter 13 Web Site Development and Design
13.4 Design
326
VB.NET PDF Convert to Text SDK: Convert PDF to txt files in vb.net
Text in any PDF fields can be copied and pasted to .txt files by keeping VB.NET control for batch converting PDF to editable & searchable text formats.
how to search pdf files for text; select text in pdf
VB.NET Image: Robust OCR Recognition SDK for VB.NET, .NET Image
for VB.NET provides users fast and accurate image recognition function, which converts scanned images into searchable text formats, such as PDF, PDF/A, WORD
pdf make text searchable; search a pdf file for text
the URL that had the old heading. Bear this in mind before adding dynamic
parameters to your URLs.
Finally, using a CMS that supports standards compliant HTML and CSS is very
important—without it inconsistencies may be rendered across various browsers. It
also ensures faster loading time and reduced bandwidth, makes markup easier to
maintain, supports SEO efforts, and ensures that every single visitor to a Web site,
no matter what browser they are using, will be able to see everything on the site.
Technical Considerations
As a whole, technology should act only as an enabler. It should never be a site’s
main focus. Here are some technical considerations vital for a good Web site.
Proprietary versus Open Source
Whether you use proprietary or open-source software is an important
consideration when building a new site, and all avenues should be explored. Open-
source software is fully customizable and benefits from a large developer
community. Propriety software usually includes support in its price.
URL Rewriting
It is vital that important URLs in your site are indexable by the search engines.
Ensure that URL rewriting is enabled according to the guidelines in this chapter.
URL rewriting should be able to handle extra dynamic parameters that might be
added by search engines for tracking purposes.
GZIP Compression
Compression helps to speed up download times of a Web page, improving user
experience.
Server-Side Form Validation
Form validation is the process whereby the data entered into a form are verified in
order to meet certain preset conditions (e.g., ensuring that the name and e-mail
address fields are filled in).
Client-side
23
validation relies on JavaScript, which is not necessarily available to all
visitors. Client-side validation can alert a visitor to an incorrectly filled-in form
23.Operations that take place
before information is sent to
the server.
Chapter 13 Web Site Development and Design
13.4 Design
327
C# Create PDF Library SDK to convert PDF from other file formats
The PDF document file created by RasterEdge C# PDF document creator library is searchable and can be fully populated with editable text and graphics
text searchable pdf; pdf find highlighted text
C# PDF: C# Code to Draw Text and Graphics on PDF Document
Draw and write searchable text on PDF file by C# code in both Web and Windows applications. C#.NET PDF Document Drawing Application.
how to select text in pdf; searching pdf files for text
most quickly, but server-side validation is the most accurate. It is also important to
have a tool to collect all the failed tests and present appropriate error messages
neatly above the form the user is trying to complete. This will ensure that correctly
entered data are not lost but repopulated in the form to save time and reduce
frustration.
International Character Support
The Internet has afforded the opportunity to conduct business globally, but this
means that Web sites need to make provision for non-English visitors. It is advisable
to support international characters via UTF-8 (8-bit unicode transformation format)
encoding; both on the Web site itself and in the form data submitted to it.
Search-Friendly Sessions
Sessions can be used to recognize individual visitors on a Web site, which is useful
for click-path analysis. Cookies can be used to maintain sessions, but URL rewriting
can be used to compensate for users who do not have cookies activated. This means
that as visitors move through a Web site, their session information is stored in a
dynamically generated Web address.
Why does URL rewriting create a moving target for a search engine spider?
Search engine spiders do not support cookies, so many Web sites will attempt URL
rewriting to maintain the session as the spider crawls the Web site. However, these
URLs are not liked by search engine spiders (as they appear to create a moving
target for the robot) and can hinder crawling and indexing. The work-around: use
technology to detect if a visitor to the site is a person or a robot, and do not rewrite
URLs for the search engine robots.
Auto-Generated Human-Readable Site Maps and XML Site Maps
Site maps are exceptionally important, both to visitors and to search engines.
Technology can be implemented that automatically generates and updates both the
human-readable and XML site maps, ensuring spiders can find new content.
Chapter 13 Web Site Development and Design
13.4 Design
328
VB.NET Create PDF from Text to convert txt files to PDF in vb.net
Best VB.NET adobe text to PDF converter library for Visual Studio .NET project. Batch convert editable & searchable PDF document from TXT formats in VB.NET
how to make pdf text searchable; how to select text in pdf image
C# Create PDF from Text to convert txt files to PDF in C#.net, ASP
PDF converter SDK for converting adobe PDF from TXT in Visual Studio .NET project. .NET control for batch converting text formats to editable & searchable PDF
text searchable pdf file; pdf text search
RSS Feed Generation
Really simple syndication (RSS) is an absolute necessity. With all the millions of Web
and blog sites in existence, Web users can no longer afford to spend time browsing
their favorite sites to see if new content has been added. By enabling RSS feeds on
certain sections on the site, especially those that are frequently updated, users will
have the content delivered directly to them. Visitors should be able to pick and
choose the sections they like to get updates from via a feed.
KEY TAKEAWAYS
• Every site needs to be designed with clear conversions in mind.
Conversions take many forms.
• There are many cues that visitors use to determine the credibility of a
site.
• A cascading style sheet (CSS) is what gives a site its look and feel.
With CSS, the following are true:
◦ Sites are easier to maintain and update and are more
accessible.
◦ Content may be updated easily by someone who is not a Web
designer or developer.
◦ Global changes can be applied quickly and easily.
◦ Bandwidth and page-load times are reduced.
◦ Cross-browser compatibility is increased.
• The World Wide Web Consortium (W3C) is responsible for specifications
and guidelines to promote the evolution of the Web.
• A content management system (CMS) is used to manage the content of a
Web site. Today, most sites are built on a CMS.
• A CMS should be selected with the goals and functions of the Web site in
mind.
EXERCISE
1. Visit Web sites for three different popular brands. Identify what you
think are elements of good design based on what you read in this
section. Did you see any elements of bad design? If so, how do you think
those elements could be improved?
Chapter 13 Web Site Development and Design
13.4 Design
329
VB.NET PDF Convert to HTML SDK: Convert PDF to html files in vb.
less searchable for search engines. The other is the crashing problem when user is visiting the PDF file using web browser. Our PDF to HTML converter library
search text in pdf image; cannot select text in pdf file
VB.NET Create PDF from Word Library to convert docx, doc to PDF in
Export all Word text and image content into high quality PDF without losing formatting. Easy to create searchable and scanned PDF files from Word.
how to select text in a pdf; search text in multiple pdf
13.5 Landing Pages
LEARNING OBJECTIVE
1. Learn what goes into a successful landing page.
Alanding page
24
is the page users are directed to from any campaign designed to
drive traffic to a specific URL (uniform resource locator). The traffic to a landing
page could be from a banner or PPC (pay-per-click) advertisement, an e-mail, a
print advertisement, a television or radio spot, or direct marketing. Users are being
sent there for a very specific reason, including the following:
• Enter a competition (lead)
• Buy a product (sale)
• Subscribe to a newsletter (sign-up)
As far as landing pages go, first impressions really do count. They need to capture
the user immediately and make him want to complete the desired action. Users who
land on these pages make the decision to complete the desired action based on two
criteria:
• Whether the page looks complicated or time consuming
• Whether it is relevant to their needs
Effective design and benefit statements can help users to make the decision to
complete the desired action.
Guidelines for Successful Landing Pages
Focus the page on a single call to action. These are purpose-built, purpose-driven
pages, and extraneous information should be avoided.
The landing page does not need to carry the same navigation of the Web site and
can look slightly different (though a large deviation in style is not advised). The aim
is to keep users on a path to the goal.
24.The page users are directed to
from any campaign designed to
drive traffic to a specific URL
(uniform resource locator).
Chapter 13 Web Site Development and Design
330
Landing pages can detract from SEO (search engine optimization) efforts, as there
might be many similar landing pages created. Use the robots.txt file to keep search
engine spiders out.
There are no cons to designing a Web site for your users first and foremost. It can
require some creative thinking when it comes to ensuring that wacky ideas are
accessible and usable, but the benefits of taking the time to ensure that Web sites
are coded according to best practice will show in the longevity of the Web site.
Beautiful Web sites do not need to be sacrificed for standards compliance.
KEY TAKEAWAYS
• Users are sent to a landing page for a very specific reason, such as to
enter a competition, to buy a product, or to subscribe to a newsletter.
• First impressions really do count when it comes to landing pages.
• Effective design and benefit statements can help users make the decision
to complete the desired action.
• Focus the page on single call to action.
• Landing pages do not need to carry the same navigation as the Web site.
EXERCISE
1. Find a banner advertisement from a popular brand online and click on
it. Where does it take you? Now compare that landing page to the
company’s direct URL.
Chapter 13 Web Site Development and Design
13.5 Landing Pages
331
13.6 Case Study: Wicked Uncle
Wicked Uncle (http://www.wickeduncle.com
) had just launched its new Web site
(and business), when they realized that its Web site was not easy to use. The
premise of its service is easy and quick buying of children’s presents, and the layout
of its Web site was a hindrance. Even though it had just launched, a Web site
redevelopment was in order.
Figure 13.8 Home Page of the Wicked Uncle Web Site
Source: Used by permission from Wicked Uncle.
The aim of the redevelopment was to make a gift buyable in under a minute. The
new Web site would also allow Wicked Uncle to build up a database of users so that
it could start one-to-one marketing to a database of subscribers. The look and feel
of the first Web site was maintained, but the Web site was restructured to be more
usable and to make the content more available to search engines.
Chapter 13 Web Site Development and Design
332
Figure 13.9
Find a gift in under one minute.
Source: Used by permission from
Wicked Uncle.
Figure 13.10
The help line is prominently
displayed on each page.
Source: Used by permission from
Wicked Uncle.
The site was previously built to be 800 × 600 pixels,
which is a resolution used by only 7 percent of the
target market. The new Web site was built in 1024 × 768
pixels, which not only allowed more room but also is
much better suited to the target market. More than 92
percent of the target UK market has high-resolution
monitors.
On the product pages, all product images were increased
in size, and more images were included so that Web
users could see the product from a variety of angles.
Gifts for boys and gifts for girls were color coded to
ensure easy navigation. The help line was prominently
displayed on each page, as was an easy add-to-cart
button. Pertinent information showing whether the
item was in stock and how long it would take to ship
was also easily available.
A birthday-reminder tool was implemented on the Web
site. When users register with Wicked Uncle and
register a child’s age, they get yearly birthday
reminders of the child’s birthday. This has been very
successful and has built up a database of e-mail
addresses—from zero to fifteen thousand in less than a
year!
The shopping process is exceptionally smooth, with
functionality being carefully thought out. Within the
process, the user is able to register different children
with their own delivery address. The colors used in the
shopping cart complement the Web site but are unique
to the cart, so the cart stands out. There is always a
clear indication of what the next step in the check-out
process is.
Lastly, for those shoppers in a hurry, the Web site
features a 1-Minute Gift Finder. With a new Web site
that is easy to use, Wicked Uncle was able to run
campaigns to drive targeted traffic to the Web site.
Chapter 13 Web Site Development and Design
13.6 Case Study: Wicked Uncle
333
Documents you may be interested
Documents you may be interested