Why These 10 Webpage Components Are Ruining Your Site

Тәжірибелік нұсқаулар және стиль

In this video, I'll take you through a comprehensive list of 10 common mistakes you might be making on your website.
Whether you're a seasoned web designer or just starting out, this video will help you identify and fix issues that could hurt your website's effectiveness.
Join me as I dive into each point with examples and clear explanations of improving your site's user experience and professionalism.
00:00 - 00 - Video Overview & Introduction
00:21 - 01 - Headlines, headlines, headlines!
01:24 - 02 - Social Proof & Testimonials Done Right
03:16 - 03 - It’s All About Your Navigation
04:19 - 04 - Lock, Stock (Images) & Barrel
05:19 - 05 - It’s Not About You!
06:31 - 06 - Don’t Mail Me
07:39 - 07 - Getting Lost
08:37 - 08 - Getting Social
09:37 - 09 - Let’s Talk About Text Baby!
10:51 - 10 - Video No, No’s!
Are you guilty of any of these website sins?
Let me know in the comments below using the numbers corresponding to each point.
Also, share any additional website 'sins' you think should be avoided. If you found this video helpful, make sure to like, subscribe, and hit the notification bell for more web design tips and tutorials.
#WebDesign #WebsiteTips #UserExperience #WebDevelopment #WebsiteMistakes #WebsiteOptimization #DigitalMarketing #WPTuts
Take your WordPress website and skills to the next level!
► The Essential Web Designer's Documents Pack
Looking to take your web design business to the next level? The Essential Web Designers Documents collection has got you covered! With handcrafted, professionally designed documents that have generated tens of thousands in revenue, you'll have everything you need to impress clients, streamline your workflow, and boost your bottom line.
► Buy the Essential Web Designer's Documents Pack Now: links.wptuts.co.uk/ewdd
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: jo.my/etafyp (WPTUTS for 20% off - Exclusive)
✅ Flowmattic: jo.my/flowmattic (WPTUTS for 20% off annual plans)
► MY PREFERRED HOSTING PROVIDERS ◄
✅ Hostinger: jo.my/92dmbb
✅ CloudWays: jo.my/1feeng8
✅ SiteGround: jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Bricks Builder: jo.my/bricks
✅ Brizy Pro: bit.ly/2Ji97r8
✅ GenerateBlocks: jo.my/xotgcy
✅ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: bit.ly/2Ydn1SE
✅ Blocksy: jo.my/y67ten
✅ DIVI Theme: bit.ly/2G8JMiA
✅ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ InstaWP: jo.my/0jdh2j
✅ Crocoblock: jo.my/croc
✅ CSSHERO: bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
👉 Twitter: / wptutz
👉 Facebook Group: wptuts.co.uk/facebook
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk

Пікірлер: 131

  • @bg-privat
    @bg-privat4 ай бұрын

    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)

  • @VijayKumarIM
    @VijayKumarIM5 ай бұрын

    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.

  • @alanjacobs7302
    @alanjacobs73025 ай бұрын

    you missed out "too many animations".

  • @einatblackrose

    @einatblackrose

    5 ай бұрын

    Oh yeah!!

  • @barbaranewerla

    @barbaranewerla

    5 ай бұрын

    Yes!!!!

  • @Nadworks-cb
    @Nadworks-cb5 ай бұрын

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

  • @spindreams
    @spindreams5 ай бұрын

    Why did I just get major DeJa'Vu?

  • @derek-hanson

    @derek-hanson

    5 ай бұрын

    Must be your second orbit around KZread 😂

  • @DanielNeubauer

    @DanielNeubauer

    5 ай бұрын

    Lol

  • @AngelaPrabhu

    @AngelaPrabhu

    5 ай бұрын

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

  • @pmaeffect

    @pmaeffect

    5 ай бұрын

    Because he just plagiarized this video. Feels kinda dirty now giving a shout out to this guy for the idea. kzread.info/dash/bejne/rJiLtrd-aZDTdM4.html&pp=ygUedGFrZSB0aGlzIG9mZiB5b3VyIHdlYnNpdGUgbm93

  • @MarioSarto
    @MarioSarto5 ай бұрын

    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.

  • @wunderlandmedia
    @wunderlandmedia5 ай бұрын

    Great points, thanks a lot for the video

  • @WPTuts

    @WPTuts

    5 ай бұрын

    Glad it was helpful!

  • @paulroos8517
    @paulroos85175 ай бұрын

    Thanks Paul. Your videos are trust worthy.

  • @WPTuts

    @WPTuts

    4 ай бұрын

    I appreciate that!

  • @Demon-cratic
    @Demon-cratic5 ай бұрын

    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.

  • @susangemayel-tapper3794
    @susangemayel-tapper37945 ай бұрын

    Great suggestions, thanks Paul!

  • @WPTuts

    @WPTuts

    4 ай бұрын

    My pleasure!

  • @webtappers7863
    @webtappers78635 ай бұрын

    Thanks Paul, great suggestions!

  • @WPTuts

    @WPTuts

    4 ай бұрын

    Glad you like them!

  • @xenicmark
    @xenicmark5 ай бұрын

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

  • @gordonbrownlee4436
    @gordonbrownlee44365 ай бұрын

    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.

  • @harbourdogNL
    @harbourdogNL5 ай бұрын

    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

    @WPTuts

    4 ай бұрын

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

  • @hlapoint
    @hlapoint5 ай бұрын

    Great video Paul. Thanks!

  • @WPTuts

    @WPTuts

    4 ай бұрын

    Glad it was helpful!

  • @thepurpleufo
    @thepurpleufo5 ай бұрын

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

  • @WPTuts

    @WPTuts

    4 ай бұрын

    You and me both!

  • @thewebstylist
    @thewebstylist5 ай бұрын

    All great tips indeed 🎉

  • @user-te1oi7pg6x
    @user-te1oi7pg6x5 ай бұрын

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

  • @marcoprofwebsitenl6484
    @marcoprofwebsitenl64845 ай бұрын

    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 👍

  • @hyltonclementson
    @hyltonclementson5 ай бұрын

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

  • @WPTuts

    @WPTuts

    4 ай бұрын

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

  • @jeremyfarrance7740
    @jeremyfarrance77405 ай бұрын

    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

    @WPTuts

    4 ай бұрын

    A solid point! :)

  • @thatgrrlca
    @thatgrrlca5 ай бұрын

    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.

  • @AlexVegamobile
    @AlexVegamobile5 ай бұрын

    Great stuff!

  • @WPTuts

    @WPTuts

    5 ай бұрын

    Thanks!

  • @stanyt3rive725
    @stanyt3rive7255 ай бұрын

    I love you 😂❤❤ great channel

  • @WPTuts

    @WPTuts

    4 ай бұрын

    I love you too.. lol

  • @noraholmquist8231
    @noraholmquist82315 ай бұрын

    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.

  • @barbaranewerla
    @barbaranewerla5 ай бұрын

    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.

  • @bbontubecentral1
    @bbontubecentral14 ай бұрын

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

  • @WPTuts

    @WPTuts

    4 ай бұрын

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

  • @MortenVestergaard1
    @MortenVestergaard15 ай бұрын

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

  • @WPTuts

    @WPTuts

    5 ай бұрын

    It was done a little tongue in cheek. 😉

  • @WeaselTM

    @WeaselTM

    3 күн бұрын

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

  • @upstatenyrider8413
    @upstatenyrider84135 ай бұрын

    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....

  • @MarkWariner
    @MarkWariner5 ай бұрын

    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

  • @alhaythum
    @alhaythum5 ай бұрын

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

  • @SVGTuts
    @SVGTuts5 ай бұрын

    I aggressively (haha) try to discourage clients from having sliders. I abhor sliders, especially those sliders that serve no purpose. They're just a bunch of pictures without links or text. I usually say something like, "People don't visit websites to watch them like television, and if you have something important to convey a static image with overlay text and a link is quicker to see as opposed to waiting for slide 7 to find out the information." I liked your suggestion about social proof. I also abhor when I go to a site and that bubble continues to pop up on the left-hand side telling me that thus and such purchased the tool. It's even more annoying after I've purchased the tool myself, log in and the pop-up bubble is still active.

  • @WPTuts

    @WPTuts

    4 ай бұрын

    Especially when they are fake buyers popping up all the time!

  • @SVGTuts

    @SVGTuts

    4 ай бұрын

    @@WPTuts That part!

  • @ashrafulalam1734
    @ashrafulalam17345 ай бұрын

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

  • @davidadams421
    @davidadams4215 ай бұрын

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

  • @WPTuts

    @WPTuts

    4 ай бұрын

    HOUSE! Now, what do I win? ;)

  • @jimjuris
    @jimjuris5 ай бұрын

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

  • @WPTuts

    @WPTuts

    5 ай бұрын

    That's great!

  • @Sonya_Makepeace
    @Sonya_Makepeace5 ай бұрын

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

  • @avalikesinemine

    @avalikesinemine

    5 ай бұрын

    I had the same question 😊

  • @WPTuts

    @WPTuts

    5 ай бұрын

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

  • @Sonya_Makepeace

    @Sonya_Makepeace

    5 ай бұрын

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

  • @themedleb

    @themedleb

    5 ай бұрын

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

  • @Sonya_Makepeace

    @Sonya_Makepeace

    5 ай бұрын

    @@themedleb I don't send anyone money.

  • @simonwright9916
    @simonwright99165 ай бұрын

    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

    @WPTuts

    5 ай бұрын

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

  • @Dougster123
    @Dougster1235 ай бұрын

    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

    @WPTuts

    5 ай бұрын

    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.

  • @njumobile150
    @njumobile1505 ай бұрын

    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.

  • @sharifkhan7976
    @sharifkhan79765 ай бұрын

    danke!

  • @WPTuts

    @WPTuts

    4 ай бұрын

    Dim prob! :)

  • @claritydigital
    @claritydigital5 ай бұрын

    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

    @WPTuts

    4 ай бұрын

    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.

  • @fahimsaqib3883
    @fahimsaqib38835 ай бұрын

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

  • @StevenWebb
    @StevenWebb5 ай бұрын

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

  • @brrrbeep

    @brrrbeep

    5 ай бұрын

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

  • @istiquritconsultant

    @istiquritconsultant

    5 ай бұрын

    I have watched these videos a lot in Wes Mcdowell channel

  • @wtccreatives
    @wtccreatives5 ай бұрын

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

  • @johannesdegard5703
    @johannesdegard57035 ай бұрын

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

  • @johannesdegard5703

    @johannesdegard5703

    5 ай бұрын

    ?

  • @WPTuts

    @WPTuts

    4 ай бұрын

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

  • @DavidMurrin77
    @DavidMurrin775 ай бұрын

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

  • @WPTuts

    @WPTuts

    5 ай бұрын

    Im glad you got it. 😉

  • @jhamaker
    @jhamaker5 ай бұрын

    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.

  • @streetwiseburger
    @streetwiseburger5 ай бұрын

    Hero Sliders.

  • @gavinwatts9390
    @gavinwatts93905 ай бұрын

    1 only...emil in footer

  • @markmclachlan1272
    @markmclachlan12725 ай бұрын

    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.

  • @PietroMalaguti
    @PietroMalaguti5 ай бұрын

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

  • @WPTuts

    @WPTuts

    5 ай бұрын

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

  • @scotfree7702
    @scotfree77025 ай бұрын

    What about sliders, yay or nay?

  • @WPTuts

    @WPTuts

    5 ай бұрын

    As a general rule, it would be a nay.

  • @gookulgopan
    @gookulgopan5 ай бұрын

    07:02, what is that email client?

  • @WPTuts

    @WPTuts

    5 ай бұрын

    It’s Spark Email Pro.

  • @johannesdegard5703
    @johannesdegard57035 ай бұрын

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

  • @WPTuts

    @WPTuts

    5 ай бұрын

    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. ;)

  • @alhaythum
    @alhaythum5 ай бұрын

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

  • @einatblackrose

    @einatblackrose

    5 ай бұрын

    yes

  • @WeaselTM
    @WeaselTM3 күн бұрын

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

  • @Stockholm_Syndrome
    @Stockholm_Syndrome5 ай бұрын

    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

    @WPTuts

    5 ай бұрын

    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.

  • @saeediqbal_DEV
    @saeediqbal_DEV5 ай бұрын

    guilty for all 😅😅😅

  • @WPTuts

    @WPTuts

    5 ай бұрын

    😂

  • @theplaintech
    @theplaintech5 ай бұрын

    "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.

  • @nick90000
    @nick900005 ай бұрын

    guilty guilty guilty 😅

  • @pearstecvoiceover
    @pearstecvoiceover5 ай бұрын

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

  • @WPTuts

    @WPTuts

    5 ай бұрын

    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'.

  • @jugibur2117
    @jugibur21175 ай бұрын

    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

    @WPTuts

    5 ай бұрын

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

  • @martynoakley7013
    @martynoakley70135 ай бұрын

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

  • @gieselman
    @gieselman5 ай бұрын

    images…easier said than done.

  • @WPTuts

    @WPTuts

    4 ай бұрын

    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. :)

  • @rubengarciajr
    @rubengarciajr5 ай бұрын

    Leave Breakdance alone !!!!

  • @WPTuts

    @WPTuts

    5 ай бұрын

    Doesn’t make the example any less true. Lol

  • @rubengarciajr

    @rubengarciajr

    5 ай бұрын

    @@WPTuts I hate that you are right 😂

  • @WPTuts

    @WPTuts

    5 ай бұрын

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

  • @vaughanprint
    @vaughanprint5 ай бұрын

    😳Maybe

  • @WPTuts

    @WPTuts

    4 ай бұрын

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

  • @elyashivk1165
    @elyashivk11655 ай бұрын

    nothing😊😅

  • @gataremmanuel
    @gataremmanuel5 ай бұрын

    4 😂😂😂😂😂😂😂😂

  • @blackeye.studio
    @blackeye.studio5 ай бұрын

    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 .

Келесі