Why These 10 Webpage Components Are Ruining Your Site

[@bg-privat]

I also used a link to the contact form but recently I learnt that in Germany the email address is required by law (imprint, privacy policy)

[@Nadworks-cb]

Very interesting collection of recommendations, Paul. Thanks. Some are a little subjective. But I definitely agree with the stock and generic content use.

[@harbourdogNL]

Ah, mate, I LOVE that t-shirt!! Brilliant. And great video as usual, thank you. And your point about not using stock images is reinforced at 5:07 & 5:41 when you use... stock footage 🤣

[@WPTuts]

It was intended to be a little tongue in cheek. ;)

[@paulroos8517]

Thanks Paul. Your videos are trust worthy.

[@WPTuts]

I appreciate that!

[@VijayKumarIM]

Adding email link is my biggest mistake in my designs ( Now I realised where those spam mails are coming to my inbox). Rest I already figured it out and makes verymuch sense. Also make sure to load the pages quickly. That's another very annoying thing keeping people wait.

[@xenicmark]

Oh man, all the things I fight over with my clients. Glad to have a video to point them to now!.

[@thepurpleufo]

Great expert tips, Paul. One of my favorite things is arguing with customers about these things...ha ha ha.

[@WPTuts]

You and me both!

[@johannesdegard5703]

Paul, is it ok to list the email in plain text without an active link?

[@johannesdegard5703]

?

[@WPTuts]

Even plain text email links can be harvested, so I'd look at something that allows obfuscation while still displaying the email address.

[@alanjacobs7302]

you missed out "too many animations".

[@einatblackrose]

Oh yeah!!

[@barbaranewerla]

Yes!!!!

[@wunderlandmedia]

Great points, thanks a lot for the video

[@WPTuts]

Glad it was helpful!

[@gordonbrownlee4436]

Another excellent video Paul; I'm guilty of 7!! of these errors on some of my sites although thankfully not all in any one site. I'll have to update some. These are good tips for future designs.

[@spindreams]

Why did I just get major DeJa'Vu?

[@derek-hanson]

Must be your second orbit around KZbin 😂

[@DanielNeubauer]

Lol

[@AngelaPrabhu]

Because he’s reiterating the same old trope we’ve been hearing for years. Generic much 😊

[@pmaeffect]

Because he just plagiarized this video. Feels kinda dirty now giving a shout out to this guy for the idea. kzbin.info/www/bejne/sJW6hYh7bpKges0&pp=ygUedGFrZSB0aGlzIG9mZiB5b3VyIHdlYnNpdGUgbm93

[@hyltonclementson]

I remember having an argument with a client who wanted to page with video (with audio) autoplay. I hated that page so much.

[@WPTuts]

One to leave out of the portfolio for sure. ;)

[@Sonya_Makepeace]

I agree with all your points, but then I wonder why you've used stock video footage as cutaway's?

[@avalikesinemine]

I had the same question 😊

[@WPTuts]

Tbh, I added them to see who would be the first to comment on them. 😉😁

[@Sonya_Makepeace]

@@WPTuts LOL! OK, I'll let you off.

[@themedleb]

I'm sure if you sent him enough money, he would hire professionals to record for every video he makes.

[@Sonya_Makepeace]

@@themedleb I don't send anyone money.

[@webtappers7863]

Thanks Paul, great suggestions!

[@WPTuts]

Glad you like them!

[@marcoprofwebsitenl6484]

Sergio Leone made spaghetti Westerns with Clint Eastwood. the characters that played were not the best looking like in other cowboy films. this gave us a very realistic view. what you say about the sites and credibility is very correct. thank you Paul for this useful video 👍

[@hlapoint]

Great video Paul. Thanks!

[@WPTuts]

Glad it was helpful!

[@MortenVestergaard1]

I love how you used "normal looking people" in the stock videos just after the section about stock images and videos ;)

[@WPTuts]

It was done a little tongue in cheek. 😉

[@WeaselTM]

@@WPTuts 😅pun intended, yeah. They were just over the top.

[@MarioSarto]

If the page opens unsolicited pop-ups or links do not lead to the destination, that is the end of my visit to this page.

[@User9482-z2s]

I'm actually pretty good at staying away from these damaging components!

[@jeremyfarrance7740]

An additional one that causes (me) pain and is a very poor user experience; Long Lists - keep your bullet lists, menu items, etc. to 3-5 items. If you have a single menu with 11 items, you have failed.

[@WPTuts]

A solid point! :)

[@thewebstylist]

All great tips indeed 🎉

[@gookulgopan]

07:02, what is that email client?

[@WPTuts]

It’s Spark Email Pro.

[@stanyt3rive725]

I love you 😂❤❤ great channel

[@WPTuts]

I love you too.. lol

[@bbontubecentral1]

2. Must be doing somethings correctly. 😅.. agreed with your points. Also too many animation’s gets ridiculous, not in a good way

[@WPTuts]

Agreed! Subtlety can be far more impactful than everything on the page swishing in from every angle. ;)

[@ashrafulalam1734]

😂 @11:22 dude banging his 90's laptop!!

[@thatgrrlca]

My sites, I make my own, have been on the low tech side. An advantage when it comes to most of the things on your list. No videos and no stock images. No testimonials, I'm not selling anything. I am going to move my social media links to the footer. They really aren't as useful as they once were so moving them is a good plan.

[@upstatenyrider8413]

Great Refresher... On my site, I fall in the category of sinless. I've been fortunate to pick these up from your other videos along with different content creators. Ironically, I've had to 'counsel' clients in the reasons why these are important - especially email addresses. Stock images are okay - definitely not preferred - and only if you do some post production work with them. They can also fit sometimes as a low opacity background. I'm not a fan of width determination based on characters - using images and wrapping works well as does good use of list items and proper font emphasis. I tend to keep content blocks < 60% full width and in articles I constrain to about 740px with offset images unless I'm truly after a column layout. Side-by-side columns can work well also for desktop layouts. Just my thoughts - you always have some top-notch content and it's appreciated....

[@AlexVegamobile]

Great stuff!

[@WPTuts]

Thanks!

[@alhaythum]

Was guilty of the too many words content and the nonsense about in the home page- get rid of it a while ago.

[@mgfunky]

I would have left it in negative and just watch MJ doing the real breakdance😉 I love it. Tell em! Transparency is the only way we can see underneath.

[@fahimsaqib3883]

please can you explain about selling wordpress theme, is still profitable , if possible create a video on it

[@barbaranewerla]

I personally hate animations. All these things sliding in, poping up, flying around drive me crazy. It is fun to play around with all these possibilites but in the end it is just distracting.

[@MarkWariner]

Guilty of 3 of those 10, and in most cases only 1-2. Thge Email links. OMG, Been telling peopel for years TO STOP doing that! Yes, you have an email and YES you want others to have it, bit not the entire world of hackers and spammers. LOL Great video BTW

[@scotfree7702]

What about sliders, yay or nay?

[@WPTuts]

As a general rule, it would be a nay.

[@claritydigital]

So guilty of most of them over time but slowly improving the one still really relevant is email adresses and email links Love to know more as most clients want them on the site strted using ASE to obfuscate them is that ok or still not good practice?

[@WPTuts]

If they can be obfuscated, then that wold be a good compromise if a client is adamant about having it on the site or you need to include it in the legal pages.

[@noraholmquist8231]

Number 1 should be too many (or any) animations. If I wanted to watch animations, I would turn on the tv to the cartoon channel.

[@sharifkhan7976]

danke!

[@WPTuts]

Dim prob! :)

[@StevenWebb]

I feel like I've already watched this video. Maybe it's updated?

[@brrrbeep]

You may have watched Orbit Media's video from a few weeks back.

[@istiquritconsultant]

I have watched these videos a lot in Wes Mcdowell channel

[@njumobile150]

Good day, could you make a video about "Shade-inc - media management program". The offer looks very interesting, especially about autotagging. I just don't know if it's not some "Chinese invention" to secretly collect data from private drives. I look forward to your opinion on this subject.

[@jimjuris]

Those are all great suggestions and luckily I don't have any of them on my website.

[@WPTuts]

That's great!

[@wtccreatives]

1 - The email address due to trying to make sure that I am EEAT compliant with Google search...

[@alhaythum]

Does "Services", "projects" counts as generic words

[@einatblackrose]

yes

[@Dougster123]

OOOOoooo Kaaay . . . I'm a long time fan, but If you are going to be this blatant about it how about giving some credit. Love ya 👍

[@WPTuts]

Credit to who? Spend 5 minutes online and do a search and you’ll find a boat load of sites and videos on the topic. You’ll also find that the majority share very similar points - some less than 10 and some way more. As someone who’s been building sites for over 20 years, I’m pretty sure that none of the items in the list are new. But, I thought it would be fun to pick the 10 I think are the most common and see how many others have or are making those same mistakes. If there was one post or video that was the inspiration for this video I would certainly credit it, as I have done many times before.

[@simonwright9916]

I had to giggle when you were talking about stock images, and you then use a piece of stock footage when suggesting a professional photographer be used! But great advice, though 👍👍

[@WPTuts]

It was done as a little tongue in cheek to see how many people would comment on the stock video. 😉

[@pearstecvoiceover]

You were talking about white spaces in pages to what about dark theme websites

[@WPTuts]

White space isn't about the colour, it's about the space - white space just means that there is ample space to provide the elements to 'breath'.

[@davidadams421]

House!! Ooops, sorry, thought I was playing bingo there...

[@WPTuts]

HOUSE! Now, what do I win? ;)

[@PietroMalaguti]

About video with sound auto-starting, tell that to social media... ;-)

[@WPTuts]

And how bloody annoying is it. 🤦‍♂️ lol

[@gavinwatts9390]

1 only...emil in footer

[@DavidMurrin77]

I’m going to put the stock videos used in this video down to irony 😄

[@WPTuts]

Im glad you got it. 😉

[@streetwiseburger]

Hero Sliders.

[@jhamaker]

For #6 I've started using forms that fetch the email address after submission so it is never exposed to the site, even in html. This is especially important since scammers/phishers are trying to find a way to get employees to take a action. My company has had people spoofing the director to try and get gift cards. We have had people spoofing HR to try and change direct deposit accounts. Now the staff directory just as a link to a web form to send an inquiry to a specific staff member. Since doing this, we are seeing less of the targeted phishing, especially directed at newer staff.

[@Stockholm_Syndrome]

5. I think You should have it on your website to rank on Google. Google wants to know who you are, to establish authority. Don't remove it!

[@WPTuts]

Putting that as a priority on your homepage may make Google like you, but making it about you and not your potential clients or customers needs or pain points will have them jumping straight back off. If conversion is your priority, make it about your ideal client - if you want vanity SERPS, by all means leave it there. Use below the fold, the footer or anywhere else that doesn’t detract from your clients needs.

[@johannesdegard5703]

Social Proof - on your site you have the social icons right there you said it should not be...

[@WPTuts]

This is true - byt the WPTuts website is being rebuilt, so I'm not spending time going back to edit the current setup. Take a look at learnbricksbuilder.com/ and you'll see that the social media is all in the footer. ;)

[@jugibur2117]

5:42 Things that ruin your video 😝 But I think it's just to test the viewers' reactions, hihi. I wonder if websites with too many animations can also be a no-go, especially with scrollbar hijacking. Something like that is rarely barrier-free. And yes: autoplay videos are *really* annoying, especially when you're on the go with your cell phone and it drains your data volume.

[@WPTuts]

You got it… I wanted to see how soon someone would comment on the stock video. 😉

[@WeaselTM]

I prefer an email over a form, or at least send me a CC of my message.

[@theplaintech]

"We were able to significantly expand our capacity for web projects..." AND split an infinitive. Use correct grammar so you don't lose a segment of the audience. "If only it was true..." No! No! No! Subjunctive mood: "If only it were true..." You might be surprised how many people are gone instantly from a supposedly 'professional' website with such gaffs as this.

[@rubengarciajr]

Leave Breakdance alone !!!!

[@WPTuts]

Doesn’t make the example any less true. Lol

[@rubengarciajr]

@@WPTuts I hate that you are right 😂

[@WPTuts]

@@rubengarciajr lol I gave credit in the next example though. So, you can be happy about that. 😉

[@gieselman]

images…easier said than done.

[@WPTuts]

It is, but these are guidelines and not rules. Sometimes, we have to use stock images as the client doesn't have or provide good quality images. It's all about balance. :)

[@nick90000]

guilty guilty guilty 😅

[@saeediqbal_DEV]

guilty for all 😅😅😅

[@WPTuts]

😂

[@markmclachlan1272]

Every recommendation - correct- I must have had some of same training as you years ago at the same school :). This one is a bit similar to Point 1 - vague headlines. The client who has a new you beaut product to market and has coined a new you beaut name for it - lets say they have named it "A Wacker". On asking for more information the client replies with - "It's the best big wacker on the market" - - more information please - Well "These are THE BEST BIG RED WACKERS EVER SEEN" . - - Oh, Ok - So please tell me what you do with a Wacker - Well one thing it does really well is - ta dah - it drives nails - - So its a hammer? - Well yes, but we like to call it a Wacker , and they are the best Wackers ever produced - and they are red. The names & details in this story have been changed to protect frustrated website builders who also know a tiny bit about how to get good results for clients, but have clients who really want to use that you beaut name that means nothing to anybody.

[@martynoakley7013]

Guilty as charged in the past but nice to say I'm pretty innocent these days.

[@vaughanprint]

😳Maybe

[@WPTuts]

I'll take that as a 'yes' then. lol

[@elyashivk1165]

nothing😊😅

[@gataremmanuel]

4 😂😂😂😂😂😂😂😂

[@blackeye.studio]

From my point of view not all of them "ruining" a website. One hero Quote that is not so relevant to what a website is offering maybe it is triggering for visitors to scroll down and find out more, I liked the Framer Hero Title "The internet is your Canvas" haha , maybe it is wrong but as a visitor it triggered my mind to scroll and discover what it means LOL . About the menu Links you have to keep them with short texts so it is a little be difficult to expand those links especially in my case that I have Greek Characters and one English word in Greek maybe it is 2 or 3 words :p . I agree with the word like "Technology" it is generic but AI Products in the example is ok I think. I totally agree with all the others, like stock images etc.. I believe some of them is not exactly Components that ruining but Components that we have to use them wisely . As we say in Greece "Παν μέτρον άριστον" , it means do it sparingly if I write it correct . Nice video Paul especially for beginners .

[@susangemayel-tapper3794]

Great suggestions, thanks Paul!

[@WPTuts]

My pleasure!