常见问题

这个网站是干什么的？

这个网站就是以“烂”为目标设计，汇集了所有的网页设计缺陷和问题为一体的网页。
希望你能避开这些问题，不然你的网站也会变成和这个网站一样糟糕。

那么我又做了些什么呢？

除了翻译这个页面之外，我还用Frontpage加了更多的“花样”。

这个页面重新做了排版，并添加适当的粗体和斜体。

版权

翻译：Geticer，翻译出来的文本采用WTFPL授权。

以下是原文档内容的翻译。

这是什么？

TWWWE是一个恶搞网站项目，试图打破所有可以想象到的设计规则。TWWWE最初始于2008年，已经发展成为真正的“世界上最差的网站”，获得了数十万次访问。TWWWE于2021年重新推出，推出了大量新功能，进一步试图变得更加“糟糕”。

但是要注意这个网站于大约2023年之后被停掉了。所以你看到的是副本。

虽然旧网站仍然处于活动状态，并且包含2008年相关的错误列表，但以下是最新版本TWWWE的错误列表：

网站背景

重复的平铺背景照片在20世纪很流行。但现在不行了。
背景照片是像素化的，包含一个俗气的相框。
最初的TWWWE包含一个会在后台自动播放的midi。这在网络起步阶段非常流行。请避免这样做，尤其是视频和音频的自动播放功能。

网站标题

如果选择有图形标志，确保它小巧，不要过长和突兀，绝对不要像素化并且透明度差。
该网站的标题自相矛盾：它是有史以来世界上最糟糕的网站还是有史以来世界上最好的网站？
最上面有一句话与网站标题无关。请避免这种情况。如果你必须有一个介绍性句子，使用与你网站内容相关的关键字。
如果你在使用编辑器编写代码，要注意代码是否存在问题，比如首页上显示的H2标签。

导航菜单

使用“主菜单”这个术语已经过时了。随着适合移动设备的网站的引入，它开始复兴，但现在“三”形状的图标几乎被普遍认为是菜单按钮。
避免使用字符做箭头，例如--->。
“互联网促销提示和真实的事实”链接有很多问题。首先是太长了。将您的链接限制在五个字内（原文为“两个单词”），并确保与链接里的内容高度相关。它还在开头包含星号。这对SEO不利。另外还有严重的语法错误（原版的Tips拼写错误，一个单词完全大写）。这一切都很糟糕。
对于其他的链接，再次强调，避免部分大写的单词，并确保整个单词都被链接。
确保你的导航菜单链接间隔均匀，不像你在TWWWE上看到的那样。
选择正确的背景颜色很重要。确保它与你网站的配色方案相配。
检查链接颜色是否合适，包括您可能在菜单上使用的任何悬停效果或下拉菜单。

移动端

TWWWE显然不适合移动设备。该网站的作者明确表示，他们不关心移动端用户。考虑到现在65-75%的流量是来自移动端的，这绝对是一件坏事。首先要考虑移动用户，然后是桌面，然后是平板电脑。

内容布局

主网站的内容区在首页很难区分，但在内部页面中更加突出。确保你的内容易于阅读并布局合理。简约才是美。去除不必要的内容。大多数人使用移动设备，如果他们找不到他们想要的东西，他们会很快离开你的网站。
确保你的内容块之间有足够的间距。这个网站是一个不好的例子。让你的文本、图片和其他元素相互之间有间距，这样网站才能“呼吸”。
Marquee滚动字幕在上世纪90年代随处可见。现在，滚动字幕仍然是宣布特别活动、突发新闻或其他项目的有效方式。但确保你只有一个滚动字幕，内容是相关的。此外，让字幕与你网站的整体外观和感觉相辅相成，并严肃考虑不要在移动版网站里显示。
网站统计计数器几乎出现在每个网站上，从90年代中期一直到21世纪初。计数器是衡量流量的最简单、最便宜的方法。现在这种做法已经过时。使用Google Analytics这样的免费网站流量测量工具来获取数据。

内容复制

内容相关性也很重要。TWWWE的首页包含了许多与网站关键点无关的随机内容。说实话，内容确实达到了目标——完全混乱和随机性，从而创造出“世界上最糟糕的网站”，但你的网站不应该这样。
确保所有的文本拼写正确。这可能是TWWWE最引人注目的地方。文笔水平糟糕透了。大量拼写错误的单词，虚构的词汇，一大堆“lol”类型的东西，全大写等等——这些必须避免才能拥有一个优秀的网站。

政治和敏感文化话题

提示：这个网站原先在美国，作者也是美国人，所以某些内容可能不适用。但依旧记住遵循相关法律法规！

TWWWE的虚构创作者是一个热爱特朗普的右翼人士，有点阴谋论者。这是一个不应该效仿的经典例子——在你的网站上发布政治或文化敏感内容。
避免像瘟疫一样。当然，如果你的网站是一个博客、基于观点的评论，或者只是一个政治、文化或宗教网站——那就不同了。显然，这类内容是有存在的位置的，但如果你是一个汽车经销商、医生、水管工等——激烈的话题真的没有在你的网站，包括社交媒体渠道上占据一席之地。

图片

这个网站上的图片有很多你不应该参考的例子。动画GIF几乎从不起作用。可能有一种情况是必要的，但通常情况下，在屏幕上重复移动的任何东西都不是一个好主意。
确保你的图片尺寸适当，并使用正确的代码。永远不要使用HTML图片大小属性。如果你的HTML编辑器默认添加了它们（例如Dreamweaver），请删除它们。使用CSS来调整你的图片大小。
在正确的尺寸（例如基于视网膜的尺寸）和考虑文件大小的压缩之间找到平衡。
如果使用素材照片，请确保是正版的照片，可以用于商业用途，而不是直接从搜索引擎里随便下载。如果不小心，你会因为侵犯版权而惹上麻烦。
确保你的照片与网站主题相关。TWWWE有许多毫无意义的照片。一只模糊的羊驼和一个尖叫的祖母不应该出现在你的网站上——除非你的网站是关于羊驼和祖母的。
永远不要使用Microsoft Word艺术字来制作图形或标题。确保你的图形/标志的透明度是正确的。"MAGA"中第二个"A"内部有一个白色填充，这是设计师错误留下的。注意这些瑕疵。

字体

TWWWE的作者喜欢你永远不该使用的所有字体。
Brush字体（译注：此处可以理解为“华文行楷”那种字体）被广泛认为是最糟糕的字体。
如果使用Comic Sans，没有人会认真对待你的网站。
Times New Roman基本上是互联网的默认字体，可以追溯到早期。使用这种字体基本上意味着你不努力，也不在乎。
Papyrus是抱怨设计师和无知利益相关者的首选字体，他们认为这是一种很棒的字体。实际上并不是。
Courier——参见上面的Times New Roman。即使是用于展示计算机代码等需要等宽字体的场合，Courier也不是最i家啊选择
Impact——早期的网络安全字体，这种块状字体非常丑陋。在网络领先设计师的“不要使用”列表中出现过。
其他最糟糕字体的荣誉提及包括Verdana、Trebuchet和Helvetica。

颜色

TWWWE的作者所选的每种颜色组合都被普遍认为是糟糕的。蓝色和红色混合，或反之，会在你的眼睛上产生3D效果，是最糟糕的颜色组合。
使用网站配色工具，如Canva和Adobe提供的工具，为你的项目选择正确的配色方案。当然，你网站的颜色应该与你的品牌和标志相辅相成。

社交媒体

链接到你的社交媒体账户很重要，但要以一种不显眼的方式进行。TWWWE在首页嵌入了Twitter动态，并在其他地方作者试图获得关注。
尽管某些情况可能需要社交媒体动态，但确保它不是你网站上的主要内容。它应该被视为次要内容。老实说，你可能不需要在你的网站上放置动态。

你的网站可能包含广告，就像TWWWE一样，以赚取一些钱。然而，如果你的网站是关于你的业务——比如美容院、餐厅、建筑公司等——不要在网站上放置广告。你可能会受到诱惑，认为你可能会多赚一些钱。事实上，你的网站不会有足够的流量来支持广告。
这样的网站可能每周会有100次页面浏览，或者每年约5000次页面浏览。如果你尝试通过广告实现盈利，你可能每年赚大约10美元。而且根据Google Adsense的最低门槛，你要等很多年才能拿到钱。
另外，你希望人们联系你购买你的服务或产品，而不是通过点击广告离开你的网站。此外，有很大可能你的竞争对手会在你的网站上做广告，这显然是违背初衷的。
网站广告应该只用于新闻、博客和信息站点，目的是通过内容实现盈利。

页脚

过去三十年，页脚发生了显著变化。第一代通常包含了查看网站的最佳方式的信息。
在微软Internet Explorer流行之前，Netscape Navigator主导了浏览器市场，因为这两个竞争对手呈现网站的方式有很大不同。因此，常见的做法是在屏幕分辨率旁边放置“最佳查看”类型的通知。
谈到分辨率，640x480是网站的第一个主要屏幕分辨率。然后变成800x600，接着是17英寸CRT显示器上的1024x768。随后引入了更大的分辨率，然后是2007年移动设备的出现。
如今，使用百分比而不是固定宽度设计你的网站是至关重要的，高度推荐使用流体设计（即“响应式”）。这意味着你的网站在所有屏幕尺寸上看起来很棒，并且功能良好，从智能手机到高清（1920x1080）都可以。

What Is This?

TWWWE is a parody website project that attempts to break every design rule imaginable. First started in 2008, TWWWE has grown to become truly "The World's Worst Website", having received hundreds of thousands of visits. TWWWE relaunched in 2021 with a ton of new features in a further attempt to go much more "badly".

While the old site is still active and contains a list of errors that were relevant in 2008, here is a list of things wrong with this latest version of TWWWE:

Website Background

Repetitive, tiled background photos were popular in the 20th century. Not so much anymore.
The background photo is pixelated and contains a cheesy picture frame.
The original TWWWE contained a midi that would automatically play in the background. This was very popular during the web's infancy. Avoid doing this, especially with autoplay features on videos and audio.

Website Header

If you choose to have a graphical logo, make sure it is small, not long and obtrusive, and certainly not pixelated with poor transparency.
The title of the website contradicts itself: Is it The World's Worst Website Ever or The World's Best Website Ever?
There is a sentence at the very top that has nothing to do with the website title. Avoid this. If you must have an introductory sentence, use keywords that are relevant to your site's content.
If you are coding using an editor, watch out for broken code, such as the H2 tag shown on the homepage.

Using the term "Main Menu" is outdated. It made a revival with the introduction of mobile-friendly websites, but now the "hamburger" menu icon is almost universally known as a menu button.
Avoid using characters as directional arrows, such as --->.
The link "Internet Promotions Tipzs & Real TRUTHFUL Facts" has many problems. It's way too long. Limited your links to two words and make sure they are relevant. It also contains an asterisk at the beginning. This is poor SEO. Tips is misspelled, and one word is capitalized. All this is bad.
For the other links, once again, avoid partially capitalized words and make sure the entire word is linked.
Make sure your navigation menu links are spaced evenly, unlike what you see on TWWWE.
Choosing the right background color on the main menu is important. See that it compliments your site's color palette.
Check to see the link color is appropriate, including any hover effects or drop-downs you may use on the menu.

Mobile

TWWWE is obviously not mobile-friendly. The author of the site makes it clear they don't care about mobile users. Considering 65-75% of traffic is mobile now, this is a bad thing. Always design your website with mobile users in mind first, then desktop, then tablet.

Content Layout

The main website's content area is hard to distinguish on the homepage but is a little more prevalent with the internal pages. Make sure your content is easy to read and laid out appropriately. Less is more. Less looks better. Trim the fat – remove unnecessary content. With most people using mobile devices, they will leave your site quickly if they can't find what they're looking.

Make sure your content blocks have plenty of breathing room. This site is a great example of what not to do. Have your text, images and other elements spaced from each other so the website can "breathe".

Scrolling marquees were everywhere in the 1990s. Now, marquees are still an effective way of announcing a special, breaking news, or some other item on desktop sites. However, make sure you only have one and that the content is relevant. Also, have the marquee compliment your website's overall look-and-feel, and seriously consider turning it off for the mobile-version of your site.

Traffic counters were on almost every website during the mid-90s and even into the early part of the 21st century. Counters were the easiest and cheapest way of measuring traffic. Now this practice is ancient history. Use Google Analytics, a free website traffic measuring tool, to get your data.

Content Copy

Content relevancy is also important. The homepage of TWWWE contains numerous random things that have nothing to do with the website's key point. Well, honestly, the content does accomplish the goal – utter chaos and randomness, which creates "The World's Worst Website Ever" – but your website isn't like that. Keep content relevant.

Make sure all your copy is spelled correctly. This is probably the most noticeable thing about TWWWE. The copy is atrocious. Numerous misspelled words, made-up words, a bunch of "lol" type stuff, the use of all-caps, etc. – these must be avoided to have a great website.

As a funny pun, the author of this website, who is clearly stuck in 1997, uses the term "web sight" throughout. The only notable exception is the website title and domain name, which the correct spelling had to be used for Google to index it.

Politics and Sensitive Cultural Topics

The fictional creator of TWWWE is a Trump-loving right winger who's a bit of a conspiracy theorist. It is a classic example of what not to do – putting political or culturally sensitive content on your site.

Avoid this like the plague. Of course, if your site is a blog, opinion-based commentary, or simply a political, cultural, or religious website – that is different. Obviously, there is a place for that sort of content, but if you are a car dealer, a doctor, a plumber, etc. – hot-button subject matter really has no place on your website – including your social media channels.

With our world so politically polarized, if you even hint that you are a Bernie or a Trump fan, a Republican or Democrat, gay or straight, pro-life or pro-choice – you will likely alienate half of your audience.

Yes, you might rally like-minded supporters of your business if you choose to go this route but alienating those who disagree with you will have a bigger implication. Much more could be written about this.

Images

There are numerous examples of what not to do with images on your site. Animated gifs almost never work. There might be a situation where one is necessary, but generally, anything that is repetitively moving on the screen is not a good idea.

Make sure your images are sized appropriately with the right code. Do not use HTML image size attributes – ever. Remove them if your HTML editor adds them in for you (Dreamweaver does by default). Use CSS to resize your images.

Find a balance between the right dimensions (retina-based, for example) and compression with file size in mind.

If you use stock photos, make sure they are royalty-free and can be used for commercial purposes and not just grabbed from Google Image Search. You will get in trouble for copyright infringement if you are not careful.

Make sure your photos are relevant. TWWWE has numerous photos that just do not make sense. A fuzzy llama and a cackling grandma shouldn't be on your website – unless it's about llamas and grandmas.

Never use Microsoft Word Art for graphics or titles. And make sure your transparency on your graphics/logos are correct. "MAGA" has a white fill inside the second "A" that the designer left by mistake. Watch out for these artifacts.

Fonts

The author of TWWWE loves all the fonts that you should never use.

Brush Script is widely accepted as the worst font ever.
No one will take your website seriously if you use Comic Sans.
Times New Roman is basically the default fault of the internet, dating back to its earliest days. Using that font basically says you're not trying and you don't care.
Papyrus is the No. 1 font choice for armchair designers and clueless stakeholders who think it's a great font. It isn't.
Courier – see Times New Roman above.
Impact – an early web-safe font, this blocky typeface is just ugly. It appears on several "do-not-use" lists among the web's leading designers.
Other honorable mentions for worst fonts include Verdana, Trebuchet, and Helvetica.

Colors

Every color combination suggested by the author of TWWWE is universally accepted as terrible. Blue on red, or vice-versa, creates a 3D effect on your eyes and is by far the worst color combination imaginable.

Use website color palette tools such as those provided by Canva and Adobe to select the right palettes for your project. And of course, your site's colors should complement your brand and logo.

Social Media

Linking to your social media accounts is important but do so in a non-descript way. TWWWE has a Twitter feed embedded on the homepage and has several other places where the author is trying to get followers.

While some circumstances may dictate a social media feed, see that it's not the dominant content on your website. It should be considered secondary. And to be honest, it's likely you don't need to have a feed on your site.

Your website may contain advertisements, like TWWWE, to make some money. However, if your website is about your business – such as a salon, restaurant, construction company, etc. – do not place ads on the site. You might be tempted to do so, thinking you might make a few extra bucks. The reality is your website will not get enough traffic to warrant advertising.

Sites like those may land 100 pageviews a week, or about 5,000 pageviews a year. If you attempted to monetize that with ads, you might make about $10 each year. And with Google Adsense's minimum thresholds, it would take years to get paid.

Additionally, you will want people to contact you about your services or products, not leave your site by clicking on an advertisement. Further, there is a high chance a competitor will be advertising on your website, which obviously defeats the purpose.

Website ads should be only used for news, blogs and informational sites with the purpose of monetizing the content to make money.

Footer

Footers have evolved significantly over the last three decades. The first generation typically contained information on the best way to view the website.

Before Microsoft Internet Explorer was popular, Netscape Navigator dominated the browser market because the two competitors rendered websites quite differently. Therefore, it was common to put "best viewed with" type notices along with screen resolutions.

Speaking of resolutions, 640x480 was the first major screen resolution for websites. Then it became 800x600, followed by 1024x768 on 17" CRT monitors. Larger resolutions were introduced, and then mobile devices hit the scene in 2007.

Today it's imperative to design your website using percentages instead of fixed widths, with a fluid design (aka "responsive") highly recommended. That means your website looks great and functions well on all screen sizes, from smartphones up to HD (1920x1080).