DEV Community

Joshua Aclan
Joshua Aclan

Posted on

How do I make this website better and SEO optimized?

I made this blog site and I am new to publishing something in the web for the public. How do I improve it and make it SEO optimized. Click Here for the link.

Discussion (5)

Collapse
imthedeveloper profile image
ImTheDeveloper

pagespeed.web.dev/report?url=http%...

A large proportion of your fixes can be made by sorting out your image sizes and rendering.
You need some compression, especially when sending 1.5mb+ images over mobile connections. You can also look at some newer formats to send over the wire
wpmudev.com/blog/serve-images-next...

Above and beyond that you have some layout shift which can be easily fixed.
corewebvitals.io/pagespeed/fix-cum...

Making these small changes will have a big impact. Then start to work out if there are too many requests or not.

Collapse
imthedeveloper profile image
ImTheDeveloper • Edited on

webpagetest.org/result/220412_BiDc...

Where / How are you hosting this wordpress site? Some of the metrics I'm seeing almost suggest the hosting is just under performing, but can't validate until those images are put on a diet.

Although there is a lot of CSS In there (which is a blocking resource) and fonts being called upon, they are at least all calling in parallel so the total blocking time is relatively low.

Collapse
ben profile image
Ben Halpern

As others have mentioned, page weight and page speed is the biggest issue here. The site seems otherwise well designed for basic SEO success.

Without knowing what the solution is exactly, the problem are areas like this:

    <link rel='stylesheet' id='travely-bootstrap-css'  href='https://theupwardfall.com/wp-content/themes/travely/css/bootstrap/bootstrap.min.css?ver=1' type='text/css' media='all' />
<link rel='stylesheet' id='wp-block-library-css'  href='https://theupwardfall.com/wp-includes/css/dist/block-library/style.min.css?ver=5.9.3' type='text/css' media='all' />
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
</style>
<link rel='stylesheet' id='owl.carousel-css'  href='https://theupwardfall.com/wp-content/themes/travely/css/owl.carousel.css?ver=5.9.3' type='text/css' media='all' />
<link rel='stylesheet' id='owl.theme-css'  href='https://theupwardfall.com/wp-content/themes/travely/css/owl.theme.css?ver=5.9.3' type='text/css' media='all' />
<link rel='stylesheet' id='customizer-style-css'  href='https://theupwardfall.com/wp-content/themes/travely/style.css?ver=5.9.3' type='text/css' media='all' />
<style id='customizer-style-inline-css' type='text/css'>
button, input[type="submit"], input[type="button"], input[type="reset"], .to-top, #site-navigation .sub-menu li:hover > a, .banner-button { background-color: #0095E1 }a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .banner-button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .to-top:hover, .hentry .meta-post a:hover, .special h2.title-post a:hover, .widget-section .widgettitle, .default-testimonials .client-info .client .client-name, .type-team.type-b .team-social li a, .type-team .team-content .name, #site-navigation ul li a:hover, #site-navigation ul li a:hover { color: #0095E1 }.banner-button, input[type="text"]:focus, input[type="email"]:focus, textarea:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="color"]:focus, button, input[type="button"], input[type="reset"], input[type="submit"], .divider-separator, .type-team.type-b .team-social li a { border-color: #0095E1 } .site-title a, .site-title a:hover { color: #ffffff; } .site-description { color: #ffffff; } .header-background, .other-header { background: url(https://theupwardfall.com/wp-content/themes/travely/images/banner1.jpg); background-size: cover; background-position: center bottom !important; background-repeat: no-repeat; height: 350px; }.page-wrap { padding-top: 80px; padding-bottom: 80px; }body { color:#8e88aa}body { background-color: #ffffff}
</style>
<link rel='stylesheet' id='style-css'  href='https://theupwardfall.com/wp-content/themes/travely/css/style.css?ver=5.9.3' type='text/css' media='all' />
<link rel='stylesheet' id='travely-font-awesome-css'  href='https://theupwardfall.com/wp-content/themes/travely/fonts/font-awesome.min.css?ver=5.9.3' type='text/css' media='all' />
<link rel='stylesheet' id='newsletter-css'  href='https://theupwardfall.com/wp-content/plugins/newsletter/style.css?ver=7.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-css'  href='https://theupwardfall.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.15.0' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-frontend-css'  href='https://theupwardfall.com/wp-content/plugins/elementor/assets/css/frontend-lite.min.css?ver=3.6.0' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-7-css'  href='https://theupwardfall.com/wp-content/uploads/elementor/css/post-7.css?ver=1649659937' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-pro-css'  href='https://theupwardfall.com/wp-content/plugins/elementor-pro/assets/css/frontend-lite.min.css?ver=3.6.4' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-global-css'  href='https://theupwardfall.com/wp-content/uploads/elementor/css/global.css?ver=1649175365' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-697-css'  href='https://theupwardfall.com/wp-content/uploads/elementor/css/post-697.css?ver=1649175418' type='text/css' media='all' />
<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CTrirong%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Condensed%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;display=auto&#038;ver=5.9.3' type='text/css' media='all' />
<script type='text/javascript' src='https://theupwardfall.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script>
<script type='text/javascript' src='https://theupwardfall.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script>
<link rel="https://api.w.org/" href="https://theupwardfall.com/wp-json/" /><link rel="alternate" type="application/json" href="https://theupwardfall.com/wp-json/wp/v2/posts/697" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://theupwardfall.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://theupwardfall.com/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 5.9.3" />
<link rel='shortlink' href='https://theupwardfall.com/?p=697' />
<link rel="alternate" type="application/json+oembed" href="https://theupwardfall.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftheupwardfall.com%2Ffad-diets-vs-weight-loss-basics%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://theupwardfall.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftheupwardfall.com%2Ffad-diets-vs-weight-loss-basics%2F&#038;format=xml" />
Enter fullscreen mode Exit fullscreen mode

and this

        <link rel='stylesheet' id='elementor-icons-shared-0-css'  href='https://theupwardfall.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-regular-css'  href='https://theupwardfall.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/regular.min.css?ver=5.15.3' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-solid-css'  href='https://theupwardfall.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' type='text/css' media='all' />
<script type='text/javascript' src='https://theupwardfall.com/wp-content/themes/travely/js/common.js?ver=20180213' id='travely-common-js'></script>
<script type='text/javascript' src='https://theupwardfall.com/wp-content/themes/travely/js/owl.carousel.min.js?ver=20180213' id='owl.carousel.min-js'></script>
<script type='text/javascript' src='https://theupwardfall.com/wp-content/themes/travely/js/wow/wow.min.js?ver=20180213' id='wow.min-js'></script>
<script type='text/javascript' src='https://theupwardfall.com/wp-includes/js/comment-reply.min.js?ver=5.9.3' id='comment-reply-js'></script>
<script type='text/javascript' src='https://theupwardfall.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.6.4' id='elementor-pro-webpack-runtime-js'></script>
<script type='text/javascript' src='https://theupwardfall.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.6.0' id='elementor-webpack-runtime-js'></script>
<script type='text/javascript' src='https://theupwardfall.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.6.0' id='elementor-frontend-modules-js'></script>
<script type='text/javascript' src='https://theupwardfall.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9' id='regenerator-runtime-js'></script>
<script type='text/javascript' src='https://theupwardfall.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script>
<script type='text/javascript' src='https://theupwardfall.com/wp-includes/js/dist/hooks.min.js?ver=1e58c8c5a32b2e97491080c5b10dc71c' id='wp-hooks-js'></script>
<script type='text/javascript' src='https://theupwardfall.com/wp-includes/js/dist/i18n.min.js?ver=30fcecb428a0e8383d3776bcdd3a7834' id='wp-i18n-js'></script>
<script type='text/javascript' id='wp-i18n-js-after'>
Enter fullscreen mode Exit fullscreen mode

The images on the posts are also much too big. I'd probably start there just because it might be more straightforward than dealing with all of these assets.

For automatic image optimization, you might want to look at something like Cloudinary for Wordpress. That's just a quick suggestion, your approach might need to be different.

Hope this helps!! Page speed is about UX as much as SEO (that's why Google cares about it in the first place), so best wishes figuring this all out!

Collapse
bcowley1220 profile image
Brendan Cowley

Well... what you're asking for is a bit more than just a "hey I need this small thing on a blog post" question. Knowing that it's a wordpress website making a butt load of http requests, and is loading in a butt load of assets... I'd say start there. If I were you I'd also take a look at how many plugins you're using if it's necessary. Lighthouse gives "good" scores, but the user experience doesn't match.

On SEO, you're going to need to be more specific. SEO now means the same thing as dev-ops.

Collapse
gamerseo profile image
Gamerseo

The page loads very slowly and I would improve it in the first place.